Techniques for WCAG 2.0

On this page:

-

# G122: Including a text cue whenever color cues are used

## Applicability

All technologies that support color and text.

This technique relates to:

- Success Criterion 1.4.1 (Use of Color)
  - How to Meet 1.4.1 (Use of Color)
  - Understanding Success Criterion 1.4.1 (Use of Color)

## Description

The objective of this technique is to combine color and text or character cues to convey information. Most users can quickly scan the content to locate information conveyed by using color differences. Users who cannot see color can look or listen for text cues; people using Braille displays or other tactile interfaces can detect text cues by touch.

## Examples

### Example 1: Required fields in an HTML form

The instructions for an online form say, "Required fields are shown in red and marked with (required)." The cue "(required)" is included within the `label` element.

Example Code:

    <label for="lastname" class="required">Last name(required):</label>
    <input id="lastname" type="text" size="25" value=""/>
    .required {
    color=red;
    }

## Resources

No resources available for this technique.

## Related Techniques

- G14: Ensuring that information conveyed by color differences is also available in text

## Tests

### Procedure

For any content where color differences are used to convey information:

1. Check that the same information is available through text or character cues.

### Expected Results

- Check #1 is true.

- Top
- Contents
- Intro
- Previous: Technique G121
- Next: Technique G123