[a11y] After invoking on any list item, screen reader is not announcing the information whether data is selected or not for Movie editable combo box.
Nobody has claimed this yet.
- 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: gracious-jones-1gb0rh - CodeSandbox
Steps:
1.Open Sample app as provided- gracious-jones-1gb0rh - CodeSandbox
2.Focus lands on the code editor as soon as page gets opened
3.Press Ctrl+f6 key from keyboard then press 1 tab, then again press CTRL+M from keyboard and then press 1 tab to move focus out of editor pane.
4.Press 6 times tab to reach out to combo box control until focus lands on it.
5.Now turn on Screen reader, invoke the combo box control, select any data from editable field and capture the screen reader narration.
6.Verify whether after invoking on any list item, screen reader is announcing the information whether data is selected or not in Movie editable combo box.
Current behavior 😯
After invoking on any list items, screen reader is not announcing the information whether data is selected or not for 'Movie' editable combo box.
Observation:
Screen Reader (Narrator/NVDA/JAWS) remains silent, after invoking any control.
Expected behavior 🤔
After invoking on any list items, screen reader should announce the information whether data is selected or not for 'Movie' editable combo box.
Example: After pressing any list items button either “Screen Reader should remain silent” or Screen Reader should announce status message i.e., List items has been selected.
Context 🔦
Users dependent on-a screen reader to navigate the page will face difficulty if the screen reader is not announcing the information either data is selected or not hence will face difficulty to getting the exact information.
User will be unaware of the content if screen reader does not announce the information whether data is selected or not for 'Movie' editable combo box.
Your environment 🌎
Test Environment:
OS Version: Windows 22H2 (OS Build 22621.1265)
Browser: Chrome Version Version 110.0.5481.178 (Official Build) (64-bit)
Screen Reader: JAWS 2023.2212.23 ILM, NVDA 2022.3.2 and Narrator
#URL: gracious-jones-1gb0rh - CodeSandbox
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.
Research direction
Start by reproducing the issue in the linked CodeSandbox, focusing on demo.js and the Movie editable combo box. Use the listed keyboard steps with a screen reader, then trace the combo box implementation and accessibility behavior. Done means selection state is announced appropriately after invoking a list item.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100