WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Use of colour

for

From: Patrick H. Lauke
Date: May 6, 2018 12:40PM

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