Ticket #1473: 1473.patch

sites/trunk/wordpress.tv/public_html/wp-content/themes/wptv2/header.php

@@ -34 +34 @@
                         <h1><a rel="home" href="<?php echo $wptv->home_url( '/' ); ?>"><img src="<?php echo get_template_directory_uri(); ?>/i/wptv-2x.png" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" height="40" width="210" /></a></h1>
 
                         <form id="searchform" name="searchform" method="get" action="<?php echo $wptv->home_url( '/' ); ?>">
+                                <label for="searchbox" class="screen-reader-text"><?php esc_attr_e( 'Search WordPress.tv', 'wptv' ); ?></label>
                                 <input type="search" placeholder="<?php esc_attr_e( 'Search WordPress.tv', 'wptv' ); ?>" id="searchbox" name="s" value="<?php the_search_query(); ?>"  />
+                                <input type="submit" value="<?php esc_attr_e( 'Search', 'wptv' ); ?>" />
                         </form>
 
                         <div id="menu">

sites/trunk/wordpress.tv/public_html/wp-content/themes/wptv2/style.css

@@ -123 +123 @@
         clear: both;
 }
 
+.screen-reader-text {
+        clip: rect(1px, 1px, 1px, 1px);
+        height: 1px;
+        overflow: hidden;
+        position: absolute !important;
+        width: 1px;
+        /* many screen reader and browser combinations announce broken words as they would appear visually */
+        word-wrap: normal !important;
+}
+
 a, a:link, a:visited {
         color: #21759b;
         text-decoration: none;
@@ -301 +311 @@
         width: 130px;
 }
 
-#searchform #searchbox {
+#searchform #searchbox,
+#searchform input[type=submit] {
         margin-top: 15px;
 }
 
+#searchform #searchbox:focus {
+        border-color: #5b9dd9;
+        -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
+        box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
+}
+
 input[type=submit], button, .button {
         text-decoration: none;
         -moz-border-radius: 5px;