8000 On/Off switches are not accessible to screen readers · Issue #723 · thoughtbot/constable · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
This repository was archived by the owner on Oct 13, 2021. It is now read-only.

On/Off switches are not accessible to screen readers #723

Closed
WilHall opened this issue Sep 13, 2019 · 2 comments · Fixed by #744
Closed

On/Off switches are not accessible to screen readers #723

WilHall opened this issue Sep 13, 2019 · 2 comments · Fixed by #744
Assignees
@WilHall
Labels
accessibility Issues/PRs that address accessibility bug When something isn't working correctly

Comments

@WilHall
Copy link
Contributor
WilHall commented Sep 13, 2019

The On/Off switches are not accessible to screen reader users, so tabbing through the form skips right over them (tested using VoiceOver on OS X):
Image 2019-09-12 at 8 10 43 PM
@WilHall WilHall added bug When something isn't working correctly accessibility Issues/PRs that address accessibility labels Sep 13, 2019
This was referenced Sep 13, 2019
Closed
Merged
@ericwbailey
Copy link
Contributor

Here's a battle-tested switch pattern I quite enjoy: https://scottaohara.github.io/a11y_styled_form_controls/src/checkbox--switch/

@WilHall WilHall self-assigned this Sep 19, 2019
@WilHall WilHall mentioned this issue Sep 19, 2019
Merged
@WilHall
Copy link
Contributor Author
WilHall commented Sep 20, 2019

@ericwbailey thanks so much for that! That example was super informative.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@WilHall WilHall

Labels
accessibility Issues/PRs that address accessibility bug When something isn't working correctly
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Replace switch components with accessible checkbox switches thoughtbot/constable
2 participants
@WilHall @ericwbailey
0