Differences

This shows you the differences between two versions of the page.

--- accessibility:common_issues:color [2024/01/18 13:02] – scl
+++ accessibility:common_issues:color [2024/01/22 10:24] – [Distinguishing elements using color] new example: text labels on pie chart slices scl
@@ Line 15: / Line 15: @@
 For links, this means that there must be some kind of text decoration, preferably an underline, in addition to a color that has sufficient contrast with the surrounding text.
-In maps and charts, neighboring regions need to be distinguished by something other than color. Using [[https://twitter.com/steveschoger/status/1112731452704202752|one hue at different shades of lightness]] is one solution. The [[https://visa.github.io/visa-chart-components/?path=/story/introduction--page|Visa Chart Components]] library uses subtle background patterns in addition to color gradients.
+In maps and charts, neighboring regions need to be distinguished by something other than color. Using [[https://twitter.com/steveschoger/status/1112731452704202752|one hue at different shades of lightness]] is one solution. The [[https://visa.github.io/visa-chart-components/?path=/story/introduction--page|Visa Chart Components]] library uses subtle background patterns in addition to color gradients. [[https://www.barrierbreak.com/decoding-wcag-1-4-11-non-text-contrast-part-2/#chart_images|Adding high-contrast text labels to pie chart slices]] is also a good solution to adjacent colors that don't have enough contrast with each other.
 ===== Borders and background colors =====