WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: "Disabled" Form Buttons

for

From: Steve Faulkner
Date: Jul 23, 2012 3:09PM

HI David,

under the WCAG color contrast criteria disabled controls are not required
to have sufficient contrast:

"The visual presentation of
text<http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html#textdef>;
and images of text<http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html#images-of-textdef>;
has
a contrast ratio<http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html#contrast-ratiodef>;
of
at least 4.5:1, except for the following: (Level AA)
*...*
*
*
*Incidental: *Text or images of text that are part of an inactive user
interface component<http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html#user-interface-componentdef>;
"

source:
http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html


On 23 July 2012 20:48, David Ashleydale < <EMAIL REMOVED> > wrote:

> Hi,
>
> I ran into an interesting dilemma today. I'm trying to ensure that there is
> enough contrast between the text and its background on a web page and I
> noticed that form buttons when they are disabled do not provide enough
> contrast. I went back to the designer and asked if they could provide more
> contrast, and they said they could, but then it no longer looks like it's
> disabled. One of the visual indicators that a button won't do anything when
> you press it is that most of the contrast goes away.
>
> Have any of you found a clever way to visually indicate that a form button
> is disabled, but still make the text on the button readable for people with
> low vision?
>
> Thanks,
> David Ashleydale
> > > >



--
with regards

Steve Faulkner
Technical Director - TPG

www.paciellogroup.com | www.HTML5accessibility.com |
www.twitter.com/stevefaulkner
HTML5: Techniques for providing useful text alternatives -
dev.w3.org/html5/alt-techniques/
Web Accessibility Toolbar - www.paciellogroup.com/resources/wat-ie-about.html