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

Use patterns or icons in addition to colors to signify toast types #718

Closed
aphelionz opened this issue Apr 28, 2018 · 3 comments
Closed
Labels
accessibility - WCAG A Level A WCAG Accessibility Criteria accessibility

Comments

@aphelionz
Copy link
Contributor

Color should not be the only indicator of the type of alert people are reading, since people with monochromatic color blindness (or even red-green/blue-yellow) would only have to rely on the brightness values of the colors. These values may be very similar between say, "danger" and "success"

Suggested Fixes
You can use more iconography and change the design spec slightly, or you can do what trello does and embed a pattern in the color as a signifier: http://littlebigdetails.com/post/35775193711/trello-color-blind-friendly-mode-makes

Category: #714: Elastic UI Toasts Accessibility
Relevant WCAG Criteria: 1.4.1 Distinguishable: Use of Color

@aphelionz aphelionz added accessibility accessibility - WCAG A Level A WCAG Accessibility Criteria labels Apr 28, 2018
@snide
Copy link
Contributor

snide commented May 4, 2018

I'm not sure this qualifies. The text ultimately provides the context. Meaning that "color alone" isn't the only indication here.

@timroes
Copy link
Contributor

timroes commented May 7, 2018

I would second @snide here. The color is not the only indicator. You can specify a color, but should still provide title and text. Also the central service in Kibana, that produces these toasts does actually use a distinct icon for each level. And if you use toast directly you should anyway provide a meaningful title and text, so I don't think the toast component itself violates 1.4.1.

@aphelionz
Copy link
Contributor Author

Ok, I'm persuaded :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility - WCAG A Level A WCAG Accessibility Criteria accessibility
Projects
None yet
Development

No branches or pull requests

3 participants