Skip to Main Content

Accessibility Testing Procedure

Previous Topic

Book Contents

Book Index

Use of Color

Guideline

Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.

Intent

The intent of this regulation is to ensure that all users can access information that is conveyed by color differences, that is, by the use of color where each color has a meaning assigned to it. If the information is conveyed through color differences in an image (or other non-text format), the color may not be seen by users with color deficiencies. In this case, providing the information conveyed with color through another visual means ensures users who cannot see color can still perceive the information.

Color is an important asset in design of Web content, enhancing its aesthetic appeal, its usability, and its accessibility. However, some users have difficulty perceiving color. People with partial sight often experience limited color vision, and many older users do not see color well. In addition, people using text-only, limited-color or monochrome displays and browsers will be unable to access information that is presented only in color.

Examples of information conveyed by color differences: “required fields are red", “error is shown in red", and “Mary's sales are in red, Tom's are in blue". Examples of indications of an action include: using color to indicate that a link will open in a new window or that a database entry has been updated successfully. An example of prompting a response would be: using highlighting on form fields to indicate that a required field had been left blank.

Finding Applicable Components

Inspecting and Using Components

Section 508/WCAG 2.0 Failure Conditions

Reporting Test Results

For sharing test results between Agencies, the results of Section 508 Conditions and Reporting Test Results must be reported.

See Also

Accessibility Guidelines

Alternate Pages

Audio Controls

Audio Descriptions

Bypass Blocks

Captions

Color Contrast

Error Identification

Error Suggestion

Focus Order

Focus Visible

Forms

Frames

Headings

Image Maps

Images

Keyboard Accessible

Keyboard Shortcuts

Language

Links and User Controls

Meaningful Sequence

Multiple Ways

Multi-state Components

Non-Text Contrast

Orientation

Page Titles

Parsing

Pause, Stop, Hide

Pre-recorded Audio and Video

Reflow

Resize Text

Status Messages

Tables

Target Size

Text Spacing

Three Flashes or Below

Timing Adjustable