JedWatson / JedWatson/react-select
Can't select option on iOS using VoiceOver
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
I'm using the sample fields on https://react-select.com/ to test accessibility. If I activate VoiceOver (on my iPhone, iOS 15) I am able to open the menu by double tapping. I can highlight another option, but I can't seem to select that other option. See the video for an example.
In the video, I start with VoiceOver off and select "Purple" from the "Single (Ocean)" menu. No problem. Then I reset it back to "Ocean".
Then I turn on VoiceOver. I can open the menu (single-tap to highlight, double-tap to open the menu). I can highlight another option "Green" (single-tap), but when I double-tap to select, the menu closes and does not select "Green". I have tried highlighting then using "Done" or "Return", but nothing seems to work.
Also, the built-in VoiceOver instructions for selecting an option are just wrong. It's asking to use "tab", "escape", and "up/down", but on iOS, it's just tapping -- no keys. Works great on a desktop/laptop.
Am I doing something wrong, or is VoiceOver not supported?
https://user-images.githubusercontent.com/6754378/168402413-3a7b29d3-9a2b-4215-9486-5de1b53d2c59.mov
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 with the sample fields on react-select.com using iOS 15 VoiceOver, following the steps in the report. Compare selection behavior and the built-in VoiceOver instructions with desktop behavior; done means another option can be selected and the instructions match iOS interaction.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- ios, react, typescript
- Domain
- accessibility, frontend, mobile-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100