Ticket #24839: 24839.twenty-thirteen.2.diff

wp-content/themes/twentythirteen/js/functions.js

@@ -66 +66 @@
         } );
 
         /**
+         * Enables dropdown menus on :focus for better accessibility.
+         */     
+        $( '.nav-menu' ).find( 'a' ).on( 'focus blur', function() {
+                $( this ).parents().toggleClass( 'focus' );
+        } );
+        
+        /**
          * Arranges footer widgets vertically.
          */
         if ( $.isFunction( $.fn.masonry ) ) {

wp-content/themes/twentythirteen/style.css

@@ -867 +867 @@
 }
 
 .nav-menu li:hover > a,
-.nav-menu li a:hover {
+.nav-menu li a:hover,
+.nav-menu li:focus > a,
+.nav-menu li a:focus  {
         background-color: #220e10;
         color: #fff;
 }
@@ -877 +879 @@
         background-color: #220e10;
         border: 2px solid #f7f5e7;
         border-top: 0;
-        display: none;
         padding: 0;
         position: absolute;
         left: -2px;
         z-index: 99999;
+        height: 1px; 
+        width: 1px; 
+        overflow: hidden;
+        clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+        clip: rect(1px, 1px, 1px, 1px)  
 }
 
 .nav-menu .sub-menu ul,
@@ -899 +905 @@
 }
 
 ul.nav-menu ul a:hover,
-.nav-menu ul ul a:hover {
+.nav-menu ul ul a:hover,
+ul.nav-menu ul a:focus,
+.nav-menu ul ul a:focus {
         background-color: #db572f;
 }
 
 ul.nav-menu li:hover > ul,
-.nav-menu ul li:hover > ul {
-        display: block;
+.nav-menu ul li:hover > ul ,
+ul.nav-menu .focus > ul,
+.nav-menu .focus > ul {
+        clip: inherit;
+        overflow: inherit;
+        height: inherit;
+        width: inherit;         
 }
 
 .nav-menu .current_page_item > a,