Section 508, 1194.22(c)

Skip Quick Links

“Ensure that all information conveyed with color is also available without color, for example from context or markup.”

WCAG 1.0 Checkpoint: 2.1

Explanation

Ensure that information is not conveyed through color alone. For example, when asking for input from users, do not write “Please select an item from those listed in green.” Instead, ensure that information is available through other style effects (e.g., a font effect) and through context (e.g., comprehensive text links).

Before:

All red fields are required

<label style="color: red;">First Name</label>

After:

Required fields are marked with an asterisk

<label>* First Name</label>

Checkmark iconNote: We can still use color, but color cannot be used as the exclusive means of conveying the information.

Reference

Core Techniques for Web Content Accessibility Guidelines 1.0: http://www.w3.org/TR/WCAG10-CSS-TECHS/#style-info-not-in-color-alone