Changeset 46777 for branches/5.3/src/wp-admin/includes/class-wp-list-table.php

Timestamp:

11/25/2019 10:21:25 AM (5 years ago)

Author:

SergeyBiryukov

Message:

Accessibility: Add an aria-current attribute to the Media Library switch links.

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

Props mayanksonawat, afercia.
Merges [46746] to the 5.3 branch.
Fixes #48271.

Location:

branches/5.3

Files:

• . (modified) (1 prop)
• src/wp-admin/includes/class-wp-list-table.php (modified) (1 diff)

branches/5.3/src/wp-admin/includes/class-wp-list-table.php

@@ -632 +632 @@
         <?php
         foreach ( $this->modes as $mode => $title ) {
-            $classes = array( 'view-' . $mode );
+            $classes      = array( 'view-' . $mode );
+            $aria_current = '';
+
             if ( $current_mode === $mode ) {
-                $classes[] = 'current';
+                $classes[]    = 'current';
+                $aria_current = ' aria-current="page"';
             }
             printf(
-                "<a href='%s' class='%s' id='view-switch-$mode'><span class='screen-reader-text'>%s</span></a>\n",
+                "<a href='%s' class='%s' id='view-switch-$mode'$aria_current><span class='screen-reader-text'>%s</span></a>\n",
                 esc_url( add_query_arg( 'mode', $mode ) ),
                 implode( ' ', $classes ),