From 42c1f077059a7241f95d03aebd44c0713fd3f421 Mon Sep 17 00:00:00 2001
From: Scott Taylor <wonderboymusic@git.wordpress.org>
Date: Thu, 7 Aug 2014 20:24:25 +0000
Subject: [PATCH] Media Grid: add screen reader text in a subview on the
 toolbar, a `media.view.Label` instance before `media.view.DateFilter`.

See #29026.


git-svn-id: https://develop.svn.wordpress.org/trunk@29435 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-includes/js/media-views.js | 13 +++++++++++++
 src/wp-includes/media.php         |  1 +
 2 files changed, 14 insertions(+)

diff --git a/src/wp-includes/js/media-views.js b/src/wp-includes/js/media-views.js
index 409a4991da..4be29ffae6 100644
--- a/src/wp-includes/js/media-views.js
+++ b/src/wp-includes/js/media-views.js
@@ -5716,15 +5716,26 @@
 					className: 'view-switch media-grid-view-switch',
 					template: media.template( 'media-library-view-switcher')
 				});
+
 				this.toolbar.set( 'libraryViewSwitcher', new LibraryViewSwitcher({
 					controller: this.controller,
 					priority: -90
 				}).render() );
 
+				// BulkSelection is a <div> with subviews, including screen reader text
 				this.toolbar.set( 'bulkSelection', new media.view.BulkSelection({
 					controller: this.controller,
 					priority: -70
 				}).render() );
+
+				// DateFilter is a <select>, screen reader text needs to be rendered before
+				this.toolbar.set( 'dateFilterLabel', new media.view.Label({
+					value: l10n.filterByDate,
+					attributes: {
+						'for': 'media-attachment-date-filters'
+					},
+					priority: -75
+				}).render() );
 				this.toolbar.set( 'dateFilter', new media.view.DateFilter({
 					controller: this.controller,
 					model:      this.collection.props,
@@ -6583,6 +6594,8 @@
 
 		render: function() {
 			this.$el.html( this.value );
+
+			return this;
 		}
 	});
 
diff --git a/src/wp-includes/media.php b/src/wp-includes/media.php
index 5eea90c6fe..8904063112 100644
--- a/src/wp-includes/media.php
+++ b/src/wp-includes/media.php
@@ -2940,6 +2940,7 @@ function wp_enqueue_media( $args = array() ) {
 		'bulkActionsLabel'       => __( 'Select bulk action' ),
 		'deletePermanently'      => __( 'Delete Permanently' ),
 		'apply'                  => __( 'Apply' ),
+		'filterByDate'           => __( 'Filter by date' ),
 
 		// Library Details
 		'attachmentDetails'  => __( 'Attachment Details' ),