Index: wp-content/themes/twentythirteen/css/ie.css =================================================================== --- wp-content/themes/twentythirteen/css/ie.css (revision 27585) +++ wp-content/themes/twentythirteen/css/ie.css (working copy) @@ -24,6 +24,11 @@ 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%; Index: wp-content/themes/twentythirteen/js/functions.js =================================================================== --- wp-content/themes/twentythirteen/js/functions.js (revision 27585) +++ wp-content/themes/twentythirteen/js/functions.js (working copy) @@ -46,6 +46,11 @@ $( '.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,7 +69,7 @@ element.focus(); } } ); - + /** * Arranges footer widgets vertically. */ Index: wp-content/themes/twentythirteen/style.css =================================================================== --- wp-content/themes/twentythirteen/style.css (revision 27585) +++ wp-content/themes/twentythirteen/style.css (working copy) @@ -867,7 +867,9 @@ } .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,11 +879,14 @@ 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,13 +904,20 @@ } 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,