lmms.io icon indicating copy to clipboard operation
lmms.io copied to clipboard

Following the Web Content Accessibility Guidelines (WCAG) for contrast

Open Sawuare opened this issue 3 years ago • 0 comments

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.

Sawuare avatar Jan 03 '22 05:01 Sawuare