Ticket #27147: 27147.2.2.diff

wp-content/themes/twentyfourteen/header.php

@@ -49 +49 @@
                         </div>
 
                         <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' ) ); ?>
                         </nav>

wp-content/themes/twentyfourteen/style.css

@@ -985 +985 @@
 }
 
 .menu-toggle {
+        background-color: #000;
+        border-radius: 0;
         cursor: pointer;
         font-size: 0;
         height: 48px;
         margin: 0;
         overflow: hidden;
+        padding: 0;
         position: absolute;
         top: 0;
         right: 0;
@@ -1000 +1003 @@
 .menu-toggle:before {
         color: #fff;
         content: "\f419";
+        display: inline;
         margin-top: 16px;
 }
 
+.menu-toggle:active,
+.menu-toggle:focus,
+.menu-toggle:hover {
+        background-color: #444;
+}
 
+.menu-toggle:focus {
+        outline: 1px dotted;
+}
+
+
 /**
  * 6.0 Content
  * -----------------------------------------------------------------------------