question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Adding aria-roles to the Menu, Menu Item and SubmenuBlock

See original GitHub issue

Desired behaviour

It would be great if we could add some aria-roles to the Menu, Menu Item and SubmenuBlock to avoid accessibility issues that we are currently facing when working with these components.

Current behaviour

Currently there is no aria-roles or any other aria properties (besides the aria-label) added to the Menu, Menu Item and SubmenuBlock

Suggested Solution

No response

CodeSandbox or Storybook URL

No response

Anything else we should know?

No response

Confidentiality

  • I confirm there is no confidential or commercially sensitive information included.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:13 (13 by maintainers)

github_iconTop GitHub Comments

1reaction
tempertempercommented, Feb 10, 2022

Morning @mrtn-a! Sounds like a good plan 👍

1reaction
tempertempercommented, Feb 9, 2022

Might be a good one to bring along for discussion at this afternoon’s Accessibility Surgery, if you’re able to?

Read more comments on GitHub >

github_iconTop Results From Across the Web

ARIA: menu role - Accessibility - MDN Web Docs - Mozilla
The menu role is appropriate when a list of menu items is presented in a manner similar to a menu on a desktop...
Read more >
Using ARIA menus - WCAG WG
A menu widget usually consists of a main menu bar with pop up menus. Items in pop up menus often have sub pop...
Read more >
ARIA role="menuitem" for <a> or <li> - Stack Overflow
When focus is in a menu and on an item that does not have a submenu, performs the following 3 actions: Closes the...
Read more >
Slide 30: Menu Button: Add ARIA roles, properties and states
Accessible name for the button comes from the text content of the button element. Menu and Menuitem Elements. Container ul element has the...
Read more >
Creating Accessible Menus and Mega Menus - Level Access
In contrast, the use of ARIA Menu markup involves the addition of role=”menu” or role=”menubar” upon a grouping container element, ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found