WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Another Color Contrast question

for

From: Jesse Hausler
Date: Oct 2, 2014 6:33PM

Thanks Andrew and Patrick. I agree with both of your comments.

Initially, we used icon fonts, so these were flagged by our test
automation. I was asked if a move to image tags would remove the
requirement. I always try to answer truthfully, based on the knowledge I
am able to obtain.

I think the introduction of labels are possible. Already, these icons are
one way of completing a task or indicating an action. Whereas a secondary
method is supported by compliant text.

I appreciate your feedback.

Jesse

On Thu, Oct 2, 2014 at 5:24 PM, Patrick H. Lauke < <EMAIL REMOVED> >
wrote:

> On 03/10/2014 01:08, Andrew Kirkpatrick wrote:
>
>> WCAG's requirements for contrast are for text and images of text.
>> Text is defined as "sequence of characters that can be
>> programmatically determined, where the sequence is expressing
>> something in human language".
>>
>> The line mentioning making icons and line drawings was inserted (as I
>> recall it) just as a reminder that while contrast applies to text and
>> images of text, it is worth thinking about contrast for any
>> information that people need to consume.
>>
>
> So, if I may be so bold as to expand on what I think Andrew hints at here
> (and/or to give my own take): if you just care about "does it meet the
> exact letter of WCAG 2.0", then sure, you could say that contrast ratio SCs
> don't apply; but if you actually care about the ability of users to
> perceive your buttons (particularly if your buttons use just these icons,
> and not an icon + text combo), then you probably want to make sure that
> your icon's foreground/background color choices do at least make a good
> attempt at coming to 4.5:1 ratio or better...
>
> 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
>
> > > >