Themes: use explicit 'search installed themes' label and placeholder.

fixes #26496.


git-svn-id: https://develop.svn.wordpress.org/trunk@26827 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-admin/css/wp-admin.css

@@ -6682,6 +6682,7 @@ span.imgedit-scale-warn {
 	font-size: 16px;
 	font-weight: 300;
 	line-height: 1.5;
+	width: 280px;
 }
 
 /**

src/wp-admin/js/theme.js

@@ -70,7 +70,9 @@ themes.view.Appearance = wp.Backbone.View.extend({
 
 		// Render and append after screen title
 		view.render();
-		$('#wpbody h2:first').append( view.el );
+		$('#wpbody h2:first')
+			.append( $.parseHTML( '<label class="screen-reader-text" for="theme-search-input">' + l10n.search + '</label>' ) )
+			.append( view.el );
 	},
 
 	// Checks when the user gets close to the bottom
@@ -597,7 +599,7 @@ themes.view.Search = wp.Backbone.View.extend({
 	className: 'theme-search',
 
 	attributes: {
-		placeholder: l10n.search,
+		placeholder: l10n.searchPlaceholder,
 		type: 'search'
 	},
 

src/wp-admin/themes.php

@@ -106,7 +106,8 @@ wp_localize_script( 'theme', '_wpThemeSettings', array(
 	),
  	'l10n' => array(
  		'addNew' => __( 'Add New Theme' ),
- 		'search'  => __( 'Search...' ),
+ 		'search'  => __( 'Search Installed Themes' ),
+ 		'searchPlaceholder' => __( 'Search installed themes...' ),
   	),
 ) );