Using tree, treeitem and group for AccordionMenu.

Addresses #10061

diff --git a/js/foundation.accordionMenu.js b/js/foundation.accordionMenu.js
index 02e8f9efe6d0739ac49c1c1c18dd2a33eca76ff7..b79fd8851bf055dfc1e4ba94acf5b7a1d69f6e9b 100644 (file)
--- a/js/foundation.accordionMenu.js
+++ b/js/foundation.accordionMenu.js
@@ -50,7 +50,7 @@ class AccordionMenu extends Plugin {
   _init() {
     this.$element.find('[data-submenu]').not('.is-active').slideUp(0);//.find('a').css('padding-left', '1rem');
     this.$element.attr({
-      'role': 'menu',
+      'role': 'tree',
       'aria-multiselectable': this.options.multiOpen
     });
 
@@ -64,16 +64,18 @@ class AccordionMenu extends Plugin {
       $elem.attr({
         'aria-controls': subId,
         'aria-expanded': isActive,
-        'role': 'menuitem',
         'id': linkId
       });
       $sub.attr({
         'aria-labelledby': linkId,
         'aria-hidden': !isActive,
-        'role': 'menu',
+        'role': 'group',
         'id': subId
       });
     });
+    this.$element.find('li').attr({
+      'role': 'treeitem'
+    });
     var initPanes = this.$element.find('.is-active');
     if(initPanes.length){
       var _this = this;