New: aria-expanded attribute true/false to match drawer visibility (#85)

adaptlearning · Aug 16, 2023 · 222968e · 222968e
1 parent 54def7a
commit 222968e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/js/adapt-languagePicker.js b/js/adapt-languagePicker.js
@@ -83,7 +83,8 @@ class LanguagePicker extends Backbone.Controller {
     const languagePickerNavView = new LanguagePickerNavView({
       model: this.languagePickerModel,
       attributes: {
-        'aria-label': navigationBarLabel
+        'aria-label': navigationBarLabel,
+        'aria-expanded': false
       }
     });
 

diff --git a/js/languagePickerNavView.js b/js/languagePickerNavView.js
@@ -22,10 +22,18 @@ export default class LanguagePickerNavView extends Backbone.View {
   }
 
   initialize() {
-    this.listenTo(Adapt, 'remove', this.remove);
+    this.listenTo(Adapt, {
+      remove: this.remove,
+      'drawer:closed': this.onClose
+    });
+  }
+
+  onClose() {
+    this.$el.attr('aria-expanded', false);
   }
 
   onClick(event) {
+    this.$el.attr('aria-expanded', true);
     drawer.triggerCustomView(new LanguagePickerDrawerView({ model: this.model }).$el, false);
   }