Changeset 46163

Timestamp:

09/18/2019 12:24:35 PM (7 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>