- 🇺🇸United States flashwebcenter Austin TX
This work will be done in https://www.drupal.org/project/d8w3css/issues/3325457 🌱 Menu unresponsive to keyboard - fails WCAG compliance Closed: duplicate
Hello - love the theme!
I am having trouble with the navigation, specifically with the dropdown menus. While the "parent" is focusable, you cannot use a keyboard to interact with the child elements.
I was trying to make the site compliant with WCAG 2.1 Keyboard 2.1.1.
I am using the menu--responsive-h.html.twig file to build my custom menu. The menu has parents and children (one level deep).
I can see that "focus" is applied to the li-parent, but I cannot use the enter or spacebar to interact with the menu.
I see that if you make the menu's current parent <li><a> a <button>, then this allows for compliant behavior as noted here: https://www.w3.org/WAI/ARIA/apg/example-index/disclosure/disclosure-navigation#mythical-page-content, but that involves new structure to the menu twig file.
I've been able to build out a new menu structure with new javascript, but it would be wonderful if this could be incorporated within the parent theme.
Thank you
Closed: duplicate
2.0
User interface
It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.
Not all content is available!
It's likely this issue predates Contrib.social: some issue and comment data are missing.
This work will be done in https://www.drupal.org/project/d8w3css/issues/3325457 🌱 Menu unresponsive to keyboard - fails WCAG compliance Closed: duplicate