E-mail List Archives
Thread: WCAG Non-Text contrast
Number of posts in this thread: 4 (In chronological order)
From: partha das
Date: Fri, Oct 16 2020 11:43AM
Subject: WCAG Non-Text contrast
No previous message | Next message →
--000000000000a2d31d05b1cd4de0
Content-Type: text/plain; charset="UTF-8"
Hi everyone,
I am working on a project where We have red (#E62600) button on a blue
(#323264) background. The red button is having white text> Now the white is
complaints against the red but the red button color is not complaints
against the blue background.
Now the question is, do we have to consider making the red button complaint
against the blue background as per 1.4.11 non-text contrast. My thought
about this is, since the white is complaintson red we should good to go.
Looking for some thought here.
[image: image.png]
Thanks
Partha Das
--000000000000a2d31d05b1cd4de0
Content-Type: image/png; name="image.png"
Content-Disposition: inline; filename="image.png"
Content-Transfer-Encoding: base64
Content-ID: <ii_kgcjik5j0>
X-Attachment-Id: ii_kgcjik5j0
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
--000000000000a2d31d05b1cd4de0--
From: Steve Green
Date: Fri, Oct 16 2020 12:02PM
Subject: Re: WCAG Non-Text contrast
← Previous message | Next message →
You need to fix the red / white contrast, which is currently 4.1:1. Once it is 4.5:1 or higher, there is no contrast requirement between the button and the background. So just make the red a bit darker.
Steve Green
Managing Director
Test Partners Ltd
-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of partha das
Sent: 16 October 2020 18:43
To: = EMAIL ADDRESS REMOVED =
Subject: [WebAIM] WCAG Non-Text contrast
Hi everyone,
I am working on a project where We have red (#E62600) button on a blue
(#323264) background. The red button is having white text> Now the white is complaints against the red but the red button color is not complaints against the blue background.
Now the question is, do we have to consider making the red button complaint against the blue background as per 1.4.11 non-text contrast. My thought about this is, since the white is complaintson red we should good to go.
Looking for some thought here.
[image: image.png]
Thanks
Partha Das
From: glen walker
Date: Fri, Oct 16 2020 12:06PM
Subject: Re: WCAG Non-Text contrast
← Previous message | Next message →
Your example can be a subjective decision. 1.4.11 says "Visual information
required to identify user interface components" must have a 3:1 minimum
ratio. So you have to decide if the red button on the blue background is
required to identify that it's a button. I'm somewhat lenient on this
one. As you mentioned, the white text on the red background is ok. I
usually make the decision based on the button's label and if it's obvious
that an action will be performed. Something like "add to cart" or "open an
account". To me, having an appropriate action label is sufficient to
indicate you have some kind of button. That is, I don't necessarily have
to see where the boundary of the button is to know it's a button if it has
a good action label. I know I can click on the label of the button.
On Fri, Oct 16, 2020 at 11:43 AM partha das < = EMAIL ADDRESS REMOVED = > wrote:
> Hi everyone,
>
> I am working on a project where We have red (#E62600) button on a blue
> (#323264) background. The red button is having white text> Now the white is
> complaints against the red but the red button color is not complaints
> against the blue background.
>
> Now the question is, do we have to consider making the red button complaint
> against the blue background as per 1.4.11 non-text contrast. My thought
> about this is, since the white is complaintson red we should good to go.
> Looking for some thought here.
>
> [image: image.png]
>
>
> Thanks
> Partha Das
> > > > >
From: Sandy Feldman
Date: Fri, Oct 16 2020 12:08PM
Subject: Re: WCAG Non-Text contrast
← Previous message | No next message
also, you could (but you don't have to) put a little white border around
the button.
--
Sandy
sandyfeldman.com
On 2020-10-16 2:02 p.m., Steve Green wrote:
> You need to fix the red / white contrast, which is currently 4.1:1. Once it is 4.5:1 or higher, there is no contrast requirement between the button and the background. So just make the red a bit darker.
>
> Steve Green
> Managing Director
> Test Partners Ltd
>
>
> -----Original Message-----
> From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of partha das
> Sent: 16 October 2020 18:43
> To: = EMAIL ADDRESS REMOVED =
> Subject: [WebAIM] WCAG Non-Text contrast
>
> Hi everyone,
>
> I am working on a project where We have red (#E62600) button on a blue
> (#323264) background. The red button is having white text> Now the white is complaints against the red but the red button color is not complaints against the blue background.
>
> Now the question is, do we have to consider making the red button complaint against the blue background as per 1.4.11 non-text contrast. My thought about this is, since the white is complaintson red we should good to go.
> Looking for some thought here.
>
> [image: image.png]
>
>
> Thanks
> Partha Das
> > > >