WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Gray disabled icons and WCAG 2.0 AA contrast requirement

for

From: Nancy Johnson
Date: Oct 16, 2013 8:00AM

Thank you for clarifying this for me.

Nancy

On Wed, Oct 16, 2013 at 9:54 AM, Cameron Cundiff
< <EMAIL REMOVED> > wrote:
> Also worth noting that the browser will generally change the contrast
> automatically when a `disabled` attribute is applied to an input, like so:
> http://jsfiddle.net/p78XN/
>
>
> On Wed, Oct 16, 2013 at 9:34 AM, Patrick H. Lauke < <EMAIL REMOVED> >wrote:
>
>> On 16/10/2013 14:05, Nancy Johnson wrote:
>> > Is there any new standard in creating icons to show a link or button
>> > is temporarily non-functional, and meets the color contrast
>> > requirement? Typically I would change the icon to gray-scale.
>> >
>> > On the sites I work on, I noticed several of these no longer meet the
>> > contrast requirement.
>>
>> Note that, strictly speaking, inactive controls don't need to meet any
>> contrast requirements according to the exceptions on 1.4.3:
>>
>> "Incidental: Text or images of text that are part of an inactive user
>> interface component, that are pure decoration, that are not visible to
>> anyone, or that are part of a picture that contains significant other
>> visual content, have no contrast requirement."
>>
>> However, it's of course still good if you can achieve sufficient
>> contrast, while still making them noticeably different from active
>> controls (otherwise you have a whole other set of problems where users
>> can't tell active/inactive apart).
>>
>> P
>> --
>> Patrick H. Lauke
>> >> re·dux (adj.): brought back; returned. used postpositively
>> [latin : re-, re- + dux, leader; see duke.]
>>
>> www.splintered.co.uk | www.photographia.co.uk
>> http://redux.deviantart.com | http://flickr.com/photos/redux/
>> >> twitter: @patrick_h_lauke | skype: patrick_h_lauke
>> >> >> >> >>
> > >