Skip to main content
All For Web For All

color

GUIDELINES 1.4.1

Overview

This guideline addresses how to ensure color isn't the only means of conveying information. Everyone should be able to access information that is presented to them by providing alternative visual indicators alongside color choices.

Who is impacted

Users with color blindness or color vision deficiency who cannot distinguish between certain colors.

How to test

View your site in grayscale mode and verify all information is still understandable without color cues.

Resources

Visit W3C Understanding Use of Color and WebAIM for detailed guidance on color accessibility.

Color as Information

Color should never be the sole method of conveying information, indicating an action, prompting a response, or distinguishing a visual element. When color is the only indicator, users with color vision deficiencies may miss critical information.

For example, if required form fields are only indicated by red text, a color-blind user may not be able to distinguish them from optional fields. Instead, use additional indicators like asterisks, bold text, or explicit labels alongside color.

Practical Examples

Links within text should be distinguishable by more than just color. Use underlines or other visual cues in addition to color. Charts and graphs should use patterns or labels in addition to color coding. Form validation errors should include icons or text messages, not just red highlighting.