Example for Checkpoint
2.2 - Ensure that foreground and background color combinations provide sufficient contrast when viewed by someone having color deficits or when viewed on a black and white screen.

Slide 26 of 120
Previous slide. Next slide.

Priority 2: for images.

The first example shows a bit-mapped image containing dark text on a light background, which is good contrast for viewing in almost any circumstance. The second example shows an image with poor choices for foreground and background color. Some people or some devices might not easily interpret the content. The reason the priority is higher for color choices in an image is that the user has no control over the rendering of the color of an image.

Happy face: good choice!Angry face: bad choice!
Example 1: Image of text with good color contrast against a background Example 2: Image of text with bad color contrast against a background

Access note: the actual wording contained in these example images is the same as in the following examples of text color.

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

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

Previous page. Next page.

Chuck Letourneau & Geoff Freed

W3C Web Accessibility Initiative

Copyright © 2000 W3C