Updating to enhance accessibility

diff --git a/js/foundation.util.tree.js b/js/foundation.util.tree.js
index b1490623a73b400a42edfda81c8913e2e24902a3..ff2274754e215b4f786cf43bc20c661b926c7e0f 100644 (file)
--- a/js/foundation.util.tree.js
+++ b/js/foundation.util.tree.js
@@ -35,9 +35,12 @@ const Tree = {
           });
       }  else {
         $item.addClass(noSubClass).find('a').attr('tabindex',-1);
+        var text = $item.addClass(noSubClass).find('a').text();
+        if( $item.find('a').length > 0 ){
+          $item.attr('aria-label',text + ' link');
+        }
       }
 
-
       if ($item.parent('[data-submenu]').length) {
         $item.addClass(`is-submenu-item ${subItemClass}`);
       }

diff --git a/scss/components/_accordion-menu.scss b/scss/components/_accordion-menu.scss
index ec65144707edf1ddba3c4cbaf056dce43083896b..a2106c0b24128f08133994144d2cad4b8fc8b48b 100644 (file)
--- a/scss/components/_accordion-menu.scss
+++ b/scss/components/_accordion-menu.scss
@@ -12,6 +12,10 @@ $accordionmenu-arrow-color: $primary-color !default;
 
 @mixin foundation-accordion-menu {
   .tree{
+    li:focus{
+      border: 1px dotted #000;
+      outline: 0;
+    }
     .is-accordion-submenu-none > a{
       padding: 0;
       line-height: $list-lineheight;