WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Use of colour

for

From: Birkir R. Gunnarsson
Date: May 6, 2018 1:08PM

1. Color contrast is not required for disabled elements )text to
background on disabled links do not have to pass the 4.5:1), of course
if you can make them pass, you should.
2. Make sure that the color difference is not the only thing telling
disabled links from active links. There must be a programmatic
indication as well, such as using the aria-disabled="true" attribute
for screen readers (in addition to tabindex='-1", or just removing the
href attribute from inactive links.
See the list of conditions in situation a on:
https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html




On 5/6/18, Patrick H. Lauke < <EMAIL REMOVED> > wrote:
> On 06/05/2018 18:21, Fernand van Olphen wrote:
> [...]
>> Condition 1: the number 2 colour (white) and the background colour (blue)
>> must have a contrast ratio of 4.5:1
>
> Yes. And see
> https://getbootstrap.com/docs/4.1/getting-started/accessibility/#color-contrast
>
>> Condition 2: the background colour (blue) and the surrounding colour
>> (white) must have a contrast of 3:1
>
> Under WCAG 2.0, there's no requirement for any contrast ratios for
> non-text content (including backgrounds of elements against their
> underlying background). In WCAG 2.1 you have 1.4.11
> https://www.w3.org/TR/WCAG21/#non-text-contrast which indeed requires 3:1.
>
> 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
> > > > >


--
Work hard. Have fun. Make history.