Skip to Main Content

Accessibility Testing Procedure

Previous Topic

Next Topic

Book Contents

Book Index

Images

Guideline

All non-text content (e.g., images) that is presented to the user has a text alternative that serves the equivalent purpose. If non-text content is pure decoration, is used only for visual formatting, or is not presented to users, then it is implemented in a way that it can be ignored by assistive technology.

Intent

The intent of this regulation is to make information conveyed by non-text content accessible through the use of a text alternative. Text alternatives are a primary way for making information accessible because they can be rendered through any sensory modality (for example, visual, auditory or tactile) to match the needs of the user. Providing text alternatives allows the information to be rendered in a variety of ways by a variety of user agents. For example, a person who cannot see a picture can have the text alternative read aloud using synthesized speech. In the future, text alternatives will also allow information to be more easily translated into sign language or into a simpler form of the same language.

Finding Applicable Components

  1. Identify each image element within the content including any font-based symbols.

Inspecting and Using Components

  1. Examine each identified element with the browser developer tools.
  2. Verify that each identified element that conveys meaning contains an "alt" attribute.
  3. If the image contains words that are important to understanding the content, the words are included in the text alternative.
  4. If the identified element is not an image (img) tag but is a font-based symbol or other graphic that conveys meaning, verify that the correct meaning is conveyed through alternative means such as an "aria-label" or "aria-describedby" attribute.

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

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

Use of Color