Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add I and 0 to the switch component (suggestion) #218

Open
Veyfeyken opened this issue Feb 16, 2021 · 0 comments
Open

Add I and 0 to the switch component (suggestion) #218

Veyfeyken opened this issue Feb 16, 2021 · 0 comments
Labels
accessibility Accessibility can be improved

Comments

@Veyfeyken
Copy link

The toggle switch changes color and position to indicate its status.

  • left and grey is off
  • right and blue is on

This is WCAG compliant since you're not only communicating with color.

Consider adding I and 0 or "aan" and "uit" to avoid confusion about the state, this is especially helpful for users with a color vision deficiency. This info should not be exposed to screenreaders, hide it with aria-hidden="true". The ARIA checked attribute already communicates it's status.

Good example from iOS:

iOS toggles with I and 0 labels inside

@TriangleJuice TriangleJuice added the accessibility Accessibility can be improved label Feb 18, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Accessibility can be improved
Projects
None yet
Development

No branches or pull requests

2 participants