JedWatson / JedWatson/react-select
Sortable MultiSelect: poor support for mobile accessibility in Android
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
There are mobile screen reader accessibility problems with the Sortable MultiSelect case.
Tested on Huawei P30 Pro, Chrome browser (latest, 110.0.5481.153), Android 12.0.0 with TalkBack.
Most of the times only one selection from the list of options is possible with double tap. The first item in the list is always unselectable for some reason. It’s very difficult to enter the menu to select other items. Also all of the buttons for removing options can't be accessed properly with TalkBack.
There are some minor problems with iOS's VoiceOver as well, but at least it's possible to use the component, but with Android's TalkBack it, unfortunately, doesn't work.
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 Sortable MultiSelect case on Android 12 with Chrome and TalkBack, using the reported Huawei P30 Pro setup if available. Check whether TalkBack can select every option, enter the menu, and access option-removal buttons; done means the Android flow is usable and the noted iOS VoiceOver issues remain checked.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend, mobile-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100