Color alone is used to convey info

Rule

Any information conveyed by color MUST be accompanied by a programmatically-discernible text alternative.

Any information conveyed by color MUST be accompanied by a visible alternative (text, image, etc.) that does not depend on color for meaning.

Background

When color alone is used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element, people who are blind, have low vision, or are color blind will not be able to access that information. It is perfectly acceptable to use color to convey information as long as it is redundant with another visual indication (such as real onscreen text, icon, pattern, or a contrast ratio between elements greater than 3 to 1) AND text that can be accessed by a screen reader (such as real onscreen text, screen reader accessible alternative text, or ARIA attributes). When information conveyed by color is also conveyed by redundant visual and screen reader accessible information, people who have visual disabilities will have access to that information.

How to Fix

Fix this issue by doing ALL of the following:

1. Provide a visually redundant method of conveying the same information as is conveyed by color such as real onscreen text, an icon, patterns, or a contrast ratio between elements greater than 3.0 to 1.
2. Provide a screen reader accessible (programmatically-discernible) method of conveying the same information as is conveyed by color such as real onscreen text, screen reader accessible alternative text, or ARIA attributes.