Ticket #3048: 3048.diff

wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/js/chapters.js

@@ -4 +4 @@
         // Add our expandable button
         jQuery( '.menu-table-of-contents-container > ul > .menu-item-has-children > a' )
                 .wrap( '<div class="expandable"></div>' )
-                .before( '<span class="dashicons dashicons-arrow-down-alt2"></span>' );
+                .after( '<button class="dashicons dashicons-arrow-down-alt2" aria-expanded="false"></button>' );
 
         // Invisibly open all of the submenus
         jQuery( '.menu-item-has-children > ul ul' ).addClass( 'default-open' );
@@ -18 +18 @@
         // Or if wrapped in a div.expandable
         jQuery( '.menu-item-has-children > div > .dashicons' ).click( function() {
                 jQuery( this ).parent().siblings( '.children' ).slideToggle();
-                jQuery( this ).closest( '.menu-item-has-children' ).toggleClass( 'open' );
+                var $menu_toggle = jQuery( this ).closest( '.menu-item-has-children' );
+                $menu_toggle.toggleClass( 'open' );
+                $menu_toggle.attr( 'aria-expanded', 'false' === $menu_toggle.attr( 'aria-expanded' ) ? 'true' : 'false' );
         } );
 } );
 

wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/style.css

@@ -1107 +1107 @@
   color: #0073aa;
   background-color: #fafafa;
   border-left: 1px solid rgba(0,0,0,0.05);
-}
-.menu-table-of-contents-container ul li .dashicons:hover {
+  border-top: 0;
+  border-bottom: 0;
+  border-radius: 0;
+  box-shadow: none;
+  -webkit-appearance: none;
+}
+.menu-table-of-contents-container ul li .dashicons:hover,
+.menu-table-of-contents-container ul li .dashicons:focus {
   color: #fff;
   background-color: #0073aa;
 }
@@ -1127 +1133 @@
   padding: 8px 40px 8px 8px;
   text-decoration: none;
 }
-.menu-table-of-contents-container ul a:hover {
+.menu-table-of-contents-container ul a:hover,
+.menu-table-of-contents-container ul a:focus {
   color: #fff;
   background-color: #0073aa;
 }