E-mail List Archives
Thread: "Disabled" Form Buttons
Number of posts in this thread: 2 (In chronological order)
From: David Ashleydale
Date: Mon, Jul 23 2012 1:48PM
Subject: "Disabled" Form Buttons
No previous message | Next message →
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
From: Steve Faulkner
Date: Mon, Jul 23 2012 3:09PM
Subject: Re: "Disabled" Form Buttons
← Previous message | No next message
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 ADDRESS 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