JedWatson / JedWatson/react-select
Accessibility - NVDA screenreader issue while reading the options on the Welcome Page.
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
This is a bug with regards to accessibility.
We are using NVDA Screenreader to read the options from Single listbox and it's being read out as Blank + Option + OptionName(Red) while it's being read out as Option + OptionName(Red) using VoiceOver.
Requesting to look into this bug and provide a solution to prevent "Blank" being read.
Attaching a video for reference.
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 Welcome Page single-listbox behavior with NVDA and compare it with VoiceOver, using the attached video as reference. Trace the options' accessible output and identify why NVDA announces "Blank" before the option name. Done means the option is announced without "Blank" while retaining the expected option name and role.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100