WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Chrome Color Contrast Analyzer

for

From: Patrick H. Lauke
Date: Aug 10, 2016 2:12AM

On 10/08/2016 06:52, Chagnon | PubCom wrote:

> The test in your link is a pixelated, bitmapped graphic of text, not
> live, vector text that is rendered from scalable fonts (like OpenType
> fonts). It has large pixels from a low-resolution screen capture that
> don't adequately mimic the smooth curves of our letter shapes. That's
> why it's illegible.

Bevi, what Alan posted there was the output of the Color Contrast
extension...it runs over your page and produces this sort of visual
analysis of your page, highlighting areas of high contrast.

I would say this sort of visual test is perhaps of mild use to get an
initial impression of a page, but obviously it lacks any harder
information to actually make a proper assessment. You will still need to
use some other tool (like
https://www.paciellogroup.com/resources/contrastanalyser/ or similar),
feed it the actual color values for your foreground/background colors,
and get back the numeric value of the color contrast, and based on that
tweak your colors accordingly until you pass the contrast threshold.

P
--
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke