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.

Sign up for GitHub

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

Jump to bottom

Fix usability of component status badges to communicate status in ways other than exclusively by color #46

Open
apetro opened this issue Jun 20, 2019 · 0 comments
Open

Fix usability of component status badges to communicate status in ways other than exclusively by color #46

apetro opened this issue Jun 20, 2019 · 0 comments
Labels
bug Something isn't working

Comments

@apetro
Copy link
Member

apetro commented Jun 20, 2019 •
edited
Loading

Accessibility bug: the component status indicator currently indicates status exclusively via a colored filled circle. There's no text label, there's no text for screen readers. A user in a text-based browser would not experience the indicator at all. A user with vision impairments or difficulty perceiving color would not get the semantic meaning from the indicator.

The color can supplement but must not be the exclusive way in which meaning is conveyed. Upgrade to a chip with a text label.

screenshot of green MyUW Badge component status indicator alongside its HTML source showing that it conveys meaning exclusively via color
@apetro apetro added the bug Something isn't working label Jun 20, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@apetro