JedWatson / JedWatson/react-select
Information on the total options count is missing in the screen reader announcement after filtering
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
Repro link: https://codesandbox.io/s/react-select-v5-sandbox-aria-context-7bcp8l?file=/example.js
This issue is a follow-up of https://github.com/JedWatson/react-select/issues/5083
- There are 10 options in total (example number).
- A search phrase is entered (e.g., "o"), the dropdown is filtered, and only 4 options are available now.
SR will read:
option Ocean selected, 1 of 4. 4 results available for search term o
The numbers correctly reflect post-filtering results, but the context about the total number of options is missing.
Could we update the test to something like this:
option Ocean selected, 1 of 4. 4 results available out of 10 for search term o...
Could we add out of {totalOptions} after the results available?
On a separate note, I can create an MR with the requested feature.
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
Use the linked CodeSandbox reproduction to observe the screen reader announcement before and after filtering. Find the announcement logic and its related test, then update the expected wording so filtered results include the total option count, and verify the filtered and unfiltered cases.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100