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 WCAG AA or AAA standards for colour contrast #2796

Open
abhidg opened this issue Aug 22, 2022 · 0 comments
Open

Use WCAG AA or AAA standards for colour contrast #2796

abhidg opened this issue Aug 22, 2022 · 0 comments
Assignees
Labels
P1: Launch blocker Needs fixing before we launch, schedule some time to investigate & fix
Milestone

Comments

@abhidg
Copy link
Contributor

abhidg commented Aug 22, 2022

Color contrast is an important issue in accessibility. WCAG (https://www.w3.org/WAI/standards-guidelines/wcag/) recommends AA for general use, with AAA being the highest contrast. We should have at least AA contrast everywhere, with AAA where possible and where it is in line with our visual design guidelines.

Here's the detailed WCAG guidelines for color contrast https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html

Some apps that help with calculation of contrast

https://usecontrast.com/ (macOS)
https://coolors.co/contrast-checker/ (web)
https://apps.kde.org/en-gb/kontrast/ (Linux, KDE)
https://apps.gnome.org/en-GB/app/org.gnome.design.Contrast/ (Linux, GNOME)

@abhidg abhidg added the P1: Launch blocker Needs fixing before we launch, schedule some time to investigate & fix label Aug 22, 2022
@abhidg abhidg added this to the 1.14 milestone Oct 19, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
P1: Launch blocker Needs fixing before we launch, schedule some time to investigate & fix
Projects
None yet
Development

No branches or pull requests

3 participants