From ea4123b508298209e831084378029aa20acb70ad Mon Sep 17 00:00:00 2001
From: Marius Olbertz <marius.olbertz@gmail.com>
Date: Mon, 22 May 2017 20:23:10 +0200
Subject: [PATCH] Using tree, treeitem and group for AccordionMenu.

Addresses #10061
---
 js/foundation.accordionMenu.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/js/foundation.accordionMenu.js b/js/foundation.accordionMenu.js
index 02e8f9efe..b79fd8851 100644
--- 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;
-- 
2.47.2