Re: Question about Use of Color and Contrast (Minimum) in charts

In situations like these, I recommend viewing content in grayscale to see how usable it is. This tests for both contrast and how effective supplements to color coding are.

I don't think either solution is perfect yet. My opinion is that the striped bars are more distinct, but could be bothersome to some users. It's possible that some kind of border or a different pattern could make it more effective.

Hope this helps.

Elizabeth

On May 20, 2026, at 4:14 AM, Nicholas Bromley <nick@redkiteda.com> wrote:

Hi Connor,

The contrast ratio between blue/orange is indeed >3:1, although my contrast sampler says the orange/white is just below 3.0:1, so that would fail.

The note ‘However, if content relies on the user's ability to accurately perceive or differentiate a particular color…’ would only apply in your example if users had to specifically identify the blue or orange bars. So if there was text saying: ‘The orange bars show…’ you’d fail unless you used an additional indicator not based on contrast differences.

But I’m not a fan of relying on contrast differences for passing this success criterion. Once you have content that uses several colours you won’t be able to use this anyway as it’s mathematically impossible for 3 or more colours (including the background) to all have a 3:1 ratio with each other.

The implied labelling order is borderline conformant (I’ve seen it argued both ways). As noted, it’s ‘implicit’ rather than ‘explicit’ so a user couldn’t be totally certain the orders match – they’re having to assume the content creator has taken this into consideration, which may or may not be case. In more complex/different types of graph this approach starts to break down so it’s not a robust solution at all. I prefer to avoid this and use a proper secondary differentiator, like pattern fill or explicit labelling.

On a related note, if you use Excel’s built-in legend functionality, the small size of the coloured squares mean that some pattern fills can be very hard to differentiate because there’s so little of the pattern visible. In these situations I manually recreate the legend with much larger blocks.


Kind regards,

Nick

---
Nick Bromley
Director & Accessibility Consultant
Red Kite Digital Accessibility Ltd

From: Connor Peck <c.peck@live.ca<mailto:c.peck@live.ca>>
Sent: 19 May 2026 15:45
To: w3c-wai-ig@w3.org<mailto:w3c-wai-ig@w3.org>
Subject: Question about Use of Color and Contrast (Minimum) in charts

Hi everyone,

I have a couple questions regarding SC 1.4.1<https://www.w3.org/TR/WCAG21/#use-of-color> and how it might relate to charts and graphs. Specifically, the below supplementary note fromUnderstanding SC 1.4.1<https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html> regarding color contrast has me wondering if I'm interpreting the criterion correctly:

---

"If content is conveyed through the use of colors that differ not only in their hue, but that also have a significant difference in lightness, then this counts as an additional visual distinction, as long as the difference in relative luminance between the colors leads to a contrast ratio of 3:1 or greater.
.....
However, if content relies on the user's ability to accurately perceive or differentiate a particular color an additional visual indicator will be required regardless of the contrast ratio between those colors. For example, knowing whether an outline is green for valid or red for invalid."

---

Would this mean, for example, that the below chart would still pass SC 1.4.1 by using color contrast as a visual distinction because the dark blue bar (#213C69) and the orange bar (#E67300) exceed the 3:1 ratio against each other (and against the background), and that because there's not a reliance on one particular color to impart meaning that this is acceptable? Or does reliance on color at all cause this chart to fail regardless of contrast ratios?

<image001.png>

Also, on a related note, if we were to remove the pattern from the gray bar, like in the below example, would the legend serve as a functional text alternative because it implies the ordering of the content?

<image002.png>

Thank you very much for any guidance you might be able to provide! And apologies if this question has already come up and I missed it in my search, or if I've directed this incorrectly.

All the best,
Connor

=-=-=-=-=-=-=-=-=-=-=-=-=
Elizabeth J. Pyatt, Ph.D.
Accessibility IT Consultant
IT Accessibility
Penn State University
ejp10@psu.edu, (814) 865-0805 or
accessibility@psu.edu (main office)