Changeset 27594 for trunk/src/wp-content/themes/twentyfourteen/header.php

Timestamp:

03/18/2014 10:36:12 PM (10 years ago)

Author:

lancewillett

Message:

Twenty Fourteen: make small-screen menu accessible to keyboard commands and voice-driven software by using a focusable button element rather than h1 for the toggle element. Fixes #27147, props jartes and joedolson.

File:

• trunk/src/wp-content/themes/twentyfourteen/header.php (modified) (1 diff)

trunk/src/wp-content/themes/twentyfourteen/header.php

@@ -50 +50 @@
 
             <nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation">
-                <h1 class="menu-toggle"><?php _e( 'Primary Menu', 'twentyfourteen' ); ?></h1>
+                <button class="menu-toggle"><?php _e( 'Primary Menu', 'twentyfourteen' ); ?></button>
                 <a class="screen-reader-text skip-link" href="#content"><?php _e( 'Skip to content', 'twentyfourteen' ); ?></a>
                 <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>