MDL-56431 messaging: Added aria label to filter.

Added an aria label to the course filter in the messaging page.
moodle · Nov 24, 2016 · 72a5842 · 72a5842
1 parent c5c8f3a
commit 72a5842
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 1 deletion.
diff --git a/lang/en/message.php b/lang/en/message.php
@@ -97,6 +97,7 @@
 $string['permitted'] = 'Permitted';
 $string['processorsettings'] = 'Processor settings';
 $string['removecontact'] = 'Remove contact';
+$string['removecoursefilter'] = 'Remove filter for course {$a}';
 $string['removefromyourcontacts'] = 'Remove from your contacts';
 $string['requiresconfiguration'] = 'Requires configuration';
 $string['searchforuser'] = 'Search for a user';

diff --git a/message/amd/build/message_area_search.min.js b/message/amd/build/message_area_search.min.js
diff --git a/message/amd/src/message_area_search.js b/message/amd/src/message_area_search.js
@@ -383,6 +383,9 @@ define(['jquery', 'core/ajax', 'core/templates', 'core/notification', 'core/str'
         this.messageArea.find(SELECTORS.CONTACTSAREA).addClass('searchfilter');
         this.messageArea.find(SELECTORS.SEARCHFILTERAREA).show();
         this.messageArea.find(SELECTORS.SEARCHFILTER).html(text);
+        Str.get_string('removecoursefilter', 'message', text).then(function(languagestring) {
+            this.messageArea.find(SELECTORS.SEARCHFILTERAREA).attr('aria-label', languagestring);
+        }.bind(this));
     };
 
     /**
@@ -394,6 +397,7 @@ define(['jquery', 'core/ajax', 'core/templates', 'core/notification', 'core/str'
         this.messageArea.find(SELECTORS.CONTACTSAREA).removeClass('searchfilter');
         this.messageArea.find(SELECTORS.SEARCHFILTER).empty();
         this.messageArea.find(SELECTORS.SEARCHFILTERAREA).hide();
+        this.messageArea.find(SELECTORS.SEARCHFILTERAREA).removeAttr('aria-label');
     };
 
     /**

diff --git a/message/templates/message_area_response.mustache b/message/templates/message_area_response.mustache
@@ -19,6 +19,7 @@
         rows="1"
         data-auto-rows
         data-max-rows="5"
+        role="textbox"
         aria-label="{{#str}} writeamessage, message {{/str}}"
         placeholder="{{#str}} writeamessage, message {{/str}}"></textarea>
 </div>