Accessibility issue with menu and submenu keyboard navigation

Created on 21 January 2020, almost 5 years ago
Updated 8 February 2023, almost 2 years ago

I have been trying to create an accessible menu in Drupal 8 using Pixture Reloaded and Superfish menu with the following desired behavior:

• a tab to move from one top-level menu item to another;
• an enter to get into submenus;
up and down arrows to move within the submenu.

In short, the menu could follow practices described at https://www.w3.org/WAI/tutorials/menus/flyout/ or examples from https://a11y-guidelines.orange.com/web_EN/exemples/simple-menu/simple-me....

Currently, Superfish menu makes the user move not only through top-level items but to choose the first top-level item and then (using tab) the user gets straight to the first submenu. This behavior is not desirable as it is very time consuming for the user to get to the desired top-level menu item.

Is there a way to have a fully keyboard-accessible menu (with submenu items and without forcing the user to look at all the submenu items when he/she would rather see all top-level menu items first)?

Thank you in advance!

Linda

(I have asked this question also at https://www.drupal.org/project/pixture_reloaded/issues/3107193 but - giving it a second thought - I believe it is more of an issue related to the menu module rather than to theme.)

🐛 Bug report
Status

Active

Version

1.0

Component

Superfish Library

Created by

🇨🇿Czech Republic ljansova

Live updates comments and jobs are added and updated live.
  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024