Example for Checkpoint
2.1 - Ensure that all information conveyed with color is also available without color, for example from context or markup.

Slide 25 of 120
Previous slide. Next slide.

Priority 1

Happy face: good choice!The first example uses color to highlight the preferred choice for those who can perceive it, and an ordered list to identify the preferred choice for people who cannot see colors.

Example 1: There are two ways to get things done around here. The second method, also shown in red, is preferred.

  1. Your way.
  2. My way.

Angry face: bad choice!Don't use color to convey information unless the information is also clear from the markup and/or text. Without color, the following example is meaningless. (This example is intentionally colorless to show the author that if the person visiting their page cannot see color, they will miss the point the author is trying to make.)

Example 2: There are two ways to get things done around here. The preferred method is shown in red.

Up one level To Checkpoints for Guideline 2.
Next slide: Example for Checkpoint 2.2

Introduction: Overview Guidelines: Overview Checkpoints: Overview Examples: Overview

Previous page. Next page.

Chuck Letourneau & Geoff Freed

W3C Web Accessibility Initiative

Copyright © 2000 W3C