Changeset 25613

Timestamp:

09/24/2013 11:03:14 PM (11 years ago)

Author:

lancewillett

Message:

Twenty Fourteen: accessibility fix for allowing the search button in the toolbar to be focused with the keyboard. Props joedolson and sabreuse, see #25054.

Location:

trunk/src/wp-content/themes/twentyfourteen

Files:

• header.php (modified) (2 diffs)
• style.css (modified) (1 diff)

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

@@ -40 +40 @@
 
             <div class="header-extra">
-                <div class="search-toggle"><?php _e( 'Search', 'twentyfourteen' ); ?></div>
+                <div class="search-toggle">
+                    <a href="#search-container"><?php _e( 'Search', 'twentyfourteen' ); ?></a>
+                </div>
             </div>
 
@@ -52 +54 @@
         <div id="mobile-navigations" class="hide"></div>
 
-        <div class="search-box-wrapper hide">
+        <div id="search-container" class="search-box-wrapper hide">
             <div class="search-box clear">
                 <?php get_search_form(); ?>

trunk/src/wp-content/themes/twentyfourteen/style.css

@@ -610 +610 @@
     text-transform: uppercase;
 }
+.search-toggle a {
+    color: #fff;
+}
 .search-toggle:hover,
 .search-toggle.active {