JedWatson / JedWatson/react-select
Screen reader read's selected value as 'blank'
Open
Nobody has claimed this yet.
category/accessibility
issue/bug-confirmed
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
Hi there,
I am noticing that a screen reader (NVDA and WIndows 10 Narrator) is unable to read the selected value in the react-select field. NVDA will read it as 'blank' (see screenshot below).
To reproduce using NVDA screen reader:
- tab to the react-select field
- the screen reader will read the combo box as having a value of 'blank' even though a value is selected
Any suggestions on how to rectify this so that screen readers can read the value selected in the react-select field?
Thanks and Regards,
Eric
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 at the react-select field and reproduce the issue with NVDA or Windows 10 Narrator using the listed tab sequence. Done means the selected value is announced by the screen reader instead of being reported as “blank”.
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
- Mostly clear
- Newbie friendliness
- 45/100