[menu] SRs not properly announcing expanded state
Open
Nobody has claimed this yet.
accessibility
scope: menu
- 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
Current behavior 😯
If you create a menu and apply the proper aria properties, the screen reader does not properly announce when the menu is expanded. The screen reader announces the menu is collapsed however.
I have verified with NVDA (Windows) and the OS X VoiceOver.
Expected behavior 🤔
The screen reader should announce when menu is expanded by clicking the related button or pressing enter via the keyboard.
Steps to reproduce 🕹
Steps:
- Go to https://mui.com/material-ui/react-menu/ and observe the Basic Menu example.
- Use the CodeSandBox button to run the code associated with the button and menu (https://codesandbox.io/s/u2u8cx?file=/demo.js)
- Using a Screen Reader (i.e. NVDA with Windows), you will notice the menu is initially announced as COLLAPSED (which is correct).
- Click the button or press enter on the button. You will notice the screen reader does not announce the menu as EXPANDED. However, the aria-expanded property is properly set.
Context 🔦
No response
Your environment 🌎
npx @mui/envinfo
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.