WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Removing CSS Background image for legibility an Accessibility requirement?

for

From: Steve Green
Date: Mar 15, 2022 7:08PM

It's actually a lot easier to test the contrast of real text overlaying an image (or any uneven background, such as a gradient) than it used to be. Firefox's built-in colour contrast checker measures the contrast of every pixel in the text against all its surrounding pixels in the background. I have tried all sort of ways to fool it, without success.

The only downside is that it doesn't show which pixels have insufficient contrast or display the number or percentage of such pixels. If you just accept the result at face value, you may report a non-conformance when only one pixel has insufficient contrast.

Steve