Changeset 30053

Timestamp:

10/28/2014 06:13:19 PM (10 years ago)

Author:

johnbillion

Message:

Make the Twenty Fifteen search form submit button screen reader accessible rather than hidden to all users. Fixes #30110. Props mattweibe, rianrietveld.

Location:

trunk/src/wp-content/themes/twentyfifteen

Files:

• functions.php (modified) (1 diff)
• style.css (modified) (1 diff)

trunk/src/wp-content/themes/twentyfifteen/functions.php

@@ -312 +312 @@
 
 /**
+ * Add a `screen-reader-text` class to the search form's submit button
+ *
+ * @since Twenty Fifteen 1.0
+ *
+ * @param string $html Search form HTML
+ *
+ * @return string Modified search form HTML
+ */
+function twentyfifteen_search_form_modify( $html ) {
+    return str_replace( 'class="search-submit"', 'class="search-submit screen-reader-text"', $html );
+}
+add_filter( 'get_search_form', 'twentyfifteen_search_form_modify' );
+
+/**
  * Implement the Custom Header feature.
  *

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

@@ -597 +597 @@
 }
 
-.search-form input[type="submit"] {
-    display: none;
-}
-
 
 /**