mui / mui/material-ui

[Menu] NVDA announces collapsed menu as expanded

Open
#36,445 4 comments 0 reactions 1 assignee View on GitHub

Nobody has claimed this yet.

accessibility duplicate scope: menu type: bug
Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Description

Duplicates
  • I have searched the existing issues
Latest version
  • I have tested the latest version
Steps to reproduce 🕹

Link to live example: menu list composition

Steps:

  1. Install NVDA screen reader
  2. Tab to 'Dashboard' button
  3. Use keyboard to open and select options from menu
Current behavior 😯

After selecting an option from the menu, the screen reader says that it is expanded when in fact it is is not

Expected behavior 🤔

Screen reader should say that menu is expanded or not based on the actual state

Context 🔦

We have implemented our own version of the menu based on the example in your docs. Below are our various accessibility ACs:

  • Menu button can be opened with keyboard enter, and then navigated through with arrow keys (achievable)
  • Items in the menu button drop down can be selected with keyboard enter (achievable)
  • Screen-reader reads drop down items and they can be selected with keyboard enter when the screen reader is on (achievable)
  • Sort drop down with screen-reader tells the user when it is expanded and collapsed (currently not working as confirmed when testing your own example)
  • If a new sort option is selected, the screen-reader user knows it has been selected (achievable)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.