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

wp-content/themes/twentythirteen/css/ie.css

@@ -24 +24 @@
         text-decoration: none;
 }
 
+.nav-menu .sub-menu,
+.nav-menu .children {
+        clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+}
+
 .nav-menu .sub-menu ul,
 .nav-menu .children ul {
         left: 100%;

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

@@ -46 +46 @@
                 $( '.menu-toggle' ).on( 'click.twentythirteen', function() {
                         nav.toggleClass( 'toggled-on' );
                 } );
+
+                // Enables dropdown menus on :focus for better accessibility.
+                menu.find( 'a' ).on( 'focus blur', function() {
+                        $( this ).parents( '.menu-item' ).toggleClass( 'focus' );
+                } );
         } )();
 
         /**
@@ -64 +69 @@
                         element.focus();
                 }
         } );
-
+        
         /**
          * Arranges footer widgets vertically.
          */

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)  
 }
 
 .nav-menu .sub-menu ul,
@@ -899 +904 @@
 }
 
 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,