JedWatson / JedWatson/react-select

Accessibility - select cannot be focussed with Voice Control on mac when in item numbers mode

Open
#4,934 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

issue/bug-unconfirmed
Dominant language
TypeScript
Stars
28k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

react-select-issue

In the screenshot above, while using Voice Control on mac when in Item numbers mode you can see that every interactive element has a number assigned to it which can be clicked by the user when they say that number.

There is no number next to the select because the html input is hidden, and there is no other way that Assistive tech can determine that the replaced .select__control is interactive.

As such, a user using Voice Control on mac would need to switch to Numbered grid mode to be able to open the select.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the select behavior on macOS with Voice Control in Item numbers mode, using the reported hidden input and replaced .select__control as the starting points. Trace how the control is exposed to assistive technology and verify that the select receives an item number and can be opened without switching to Numbered grid mode.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.