Changeset 28839

Timestamp:

06/26/2014 01:27:37 AM (10 years ago)

Author:

wonderboymusic

Message:

Dynamically prepend screen reader text to the attachment filters dropdown and the search box in the media modal.

Props SergeyBiryukov.
Fixes #25102.

File:

• trunk/src/wp-includes/js/media-views.js (modified) (5 diffs)

trunk/src/wp-includes/js/media-views.js

@@ -5374 +5374 @@
         tagName:   'input',
         className: 'search',
+        id:        'media-search-input',
 
         attributes: {
@@ -5415 +5416 @@
         tagName:   'select',
         className: 'attachment-filters',
+        id:        'media-attachment-filters',
 
         events: {
@@ -5640 +5642 @@
 
         createToolbar: function() {
-            var filters, FiltersConstructor;
+            var filters, FiltersConstructor, screenReaderText;
 
             /**
@@ -5666 +5668 @@
                     priority:   -80
                 }).render() );
+
+                screenReaderText = $( '<label class="screen-reader-text" for="media-attachment-filters">' + l10n.select + '</label>' );
+                this.toolbar.get( 'filters' ).$el.before( screenReaderText );
             }
 
@@ -5678 +5683 @@
                     priority:   60
                 }).render() );
+                screenReaderText = $( '<label class="screen-reader-text" for="media-search-input">' + l10n.search + '</label>' );
+                this.toolbar.get( 'search' ).$el.before( screenReaderText );
             }