Changeset 46163

Timestamp:

09/18/2019 12:24:35 PM (5 years ago)

Author:

afercia

Message:

Accessibility: Add aria-current to the Archives, Categories, and Recent Posts widgets output.

The aria-current attribute is a simple, effective, way to help assistive technology users orientate themselves within a list of items.

Continues the introduction in core of the aria-current attribute after [41359] and following changes.

Props audrasjb, melchoyce.
Fixes #47094.

Location:

trunk/src/wp-includes

Files:

• class-walker-category.php (modified) (1 diff)
• general-template.php (modified) (1 diff)
• widgets/class-wp-widget-recent-posts.php (modified) (1 diff)

trunk/src/wp-includes/class-walker-category.php

@@ -207 +207 @@
                     if ( $category->term_id == $_current_term->term_id ) {
                         $css_classes[] = 'current-cat';
+                        $link          = str_replace( '<a', '<a aria-current="page"', $link );
                     } elseif ( $category->term_id == $_current_term->parent ) {
                         $css_classes[] = 'current-cat-parent';

trunk/src/wp-includes/general-template.php

@@ -1736 +1736 @@
  */
 function get_archives_link( $url, $text, $format = 'html', $before = '', $after = '', $selected = false ) {
-    $text = wptexturize( $text );
-    $url  = esc_url( $url );
-
-    if ( 'link' == $format ) {
+    $text         = wptexturize( $text );
+    $url          = esc_url( $url );
+    $aria_current = $selected ? ' aria-current="page"' : '';
+
+    if ( 'link' === $format ) {
         $link_html = "\t<link rel='archives' title='" . esc_attr( $text ) . "' href='$url' />\n";
-    } elseif ( 'option' == $format ) {
+    } elseif ( 'option' === $format ) {
         $selected_attr = $selected ? " selected='selected'" : '';
         $link_html     = "\t<option value='$url'$selected_attr>$before $text $after</option>\n";
-    } elseif ( 'html' == $format ) {
-        $link_html = "\t<li>$before<a href='$url'>$text</a>$after</li>\n";
+    } elseif ( 'html' === $format ) {
+        $link_html = "\t<li>$before<a href='$url'$aria_current>$text</a>$after</li>\n";
     } else { // custom
-        $link_html = "\t$before<a href='$url'>$text</a>$after\n";
+        $link_html = "\t$before<a href='$url'$aria_current>$text</a>$after\n";
     }
 

trunk/src/wp-includes/widgets/class-wp-widget-recent-posts.php

@@ -94 +94 @@
             <?php foreach ( $r->posts as $recent_post ) : ?>
                 <?php
-                $post_title = get_the_title( $recent_post->ID );
-                $title      = ( ! empty( $post_title ) ) ? $post_title : __( '(no title)' );
+                $post_title   = get_the_title( $recent_post->ID );
+                $title        = ( ! empty( $post_title ) ) ? $post_title : __( '(no title)' );
+                $aria_current = '';
+
+                if ( get_queried_object_id() === $recent_post->ID ) {
+                    $aria_current = ' aria-current="page"';
+                }
                 ?>
                 <li>
-                    <a href="<?php the_permalink( $recent_post->ID ); ?>"><?php echo $title; ?></a>
+                    <a href="<?php the_permalink( $recent_post->ID ); ?>"<?php echo $aria_current; ?>><?php echo $title; ?></a>
                     <?php if ( $show_date ) : ?>
                         <span class="post-date"><?php echo get_the_date( '', $recent_post->ID ); ?></span>