For accordion menu, changes aria roles from "tab" to "menuitem" and tabpanel" and...

diff --git a/js/foundation.accordionMenu.js b/js/foundation.accordionMenu.js
index 460dc33f24eef1d3cf4b6d605c70e971558ed049..42d796306f0b99dde20acf6eee4bdf208da3da8e 100644 (file)
--- a/js/foundation.accordionMenu.js
+++ b/js/foundation.accordionMenu.js
@@ -47,7 +47,7 @@ class AccordionMenu {
   _init() {
     this.$element.find('[data-submenu]').not('.is-active').slideUp(0);//.find('a').css('padding-left', '1rem');
     this.$element.attr({
-      'role': 'tablist',
+      'role': 'menu',
       'aria-multiselectable': this.options.multiOpen
     });
 
@@ -61,13 +61,13 @@ class AccordionMenu {
       $elem.attr({
         'aria-controls': subId,
         'aria-expanded': isActive,
-        'role': 'tab',
+        'role': 'menuitem',
         'id': linkId
       });
       $sub.attr({
         'aria-labelledby': linkId,
         'aria-hidden': !isActive,
-        'role': 'tabpanel',
+        'role': 'menu',
         'id': subId
       });
     });