WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Color Contrast List?


From: Birkir R. Gunnarsson
Date: Apr 26, 2013 2:40PM

Excellent discussion, I am dealing with exactly these types of issues myself.
Thanks Jared, you guys are doing a good job, being able to test color
contrast as a blind person just give me a bit of a kick and reason to
grin inanely, when the customers donĀ“t see me of course.
I do find the Wave color contrast tool confusing myself, but I suppose
it is very hard to explain color contrast errors to the blind, but if
I could narrow it down to an element and its background it would be
very valuable.

On 4/26/13, Bryan Garaventa < <EMAIL REMOVED> > wrote:
> I see what you mean, but I'm having trouble locating which elements have
> color contrast issues on wave
> http://wave.webaim.org/
> For example, I went to the above url, entered 'http://cnn.com', and see
> seventy+ color contrast violations. However I can't locate them. How do I
> get a list of exactly which elements are in violation, the
> foreground/background color values detected, and what the color contrast
> ratios are for each?
> ----- Original Message -----
> From: "Jared Smith" < <EMAIL REMOVED> >
> To: "WebAIM Discussion List" < <EMAIL REMOVED> >
> Sent: Friday, April 26, 2013 1:01 PM
> Subject: Re: [WebAIM] Color Contrast List?
>> On Fri, Apr 26, 2013 at 1:37 PM, Bryan Garaventa wrote:
>>> I searched around, and found an awesome resource at
>>> http://www.checkmycolours.com/
>> A word of caution about this and similar tools...
>> These tools generally check all possible foreground and background
>> combinations for all elements. They do not, however, check to ensure
>> that a particular color combination is actually in use on the page. So
>> just because it flags a lot of failures does not mean there are
>> actually contrast issues present on the site. Yes, this information
>> can still be very valuable, but it can also result in a lot of
>> confusion or misapplied angst or effort in trying to address issues
>> that don't exist in reality.
>> We've put in significant effort to address these issues in the newly
>> released WAVE tool. It only flags color combinations that are actually
>> present in the page (meaning there is text present that is also
>> presented on a particular background color and that exact combination
>> fails the contrast requirements). This turns out to be quite complex
>> when you consider CSS inheritance, transparency, etc., and we still
>> have a few kinks to work out.
>> The Checkmycolors tool, for example, flags 15 failures on the
>> WebAIM.org site when there is actually only one instance of text on a
>> background color that fails WCAG. This particular failure is the only
>> one that WAVE identifies, thus focusing effort on the actual failure
>> instead of many potential, but nonexistent, failures.
>> Jared
>> >> >> >
> > > >