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

Following the Web Content Accessibility Guidelines (WCAG) for contrast #340

Open
Sawuare opened this issue Jan 3, 2022 · 0 comments
Open

Comments

@Sawuare
Copy link
Member

Sawuare commented Jan 3, 2022

I noticed some issues of low contrast on the website. Adequate contrast is necessary for all users, especially users with low vision. I think following the Web Content Accessibility Guidelines (WCAG) for contrast would fix the issues and improve accessibility. Specifically, I think these criteria should be met:

This article helped me understand the criteria.

Some of the issues I noticed are described below; this is not a complete evaluation. I used this checker to check contrast.

image
This color combination on the homepage (and elsewhere) has a contrast ratio of 2.83:1 and fails Contrast (Minimum).
See the check.
Making the background darker is the best fix.

image
This color combination on the homepage has a contrast ratio of 2.19:1 and fails Non-text Contrast.
See the check.
Making the background darker is the easiest fix.

image
This color combination on the downloads page has a contrast ratio of 4.22:1 and fails Contrast (Minimum).
See the check.
Making the background darker is the best fix.

I tested making the backgrounds dark enough to meet the criteria; they look better!

Maybe the criteria should be required or recommended in the wiki.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant