Techniques for WCAG 2.0

Skip to Content (Press Enter)

-

H67: Using null alt text and no title attribute on img elements for images that AT should ignore

Applicability

HTML and XHTML documents that load images.

This technique relates to:

Description

The purpose of this technique is to show how images can be marked so that they can be ignored by Assistive Technology.

If no title attribute is used, and the alt text is set to null (i.e. alt="") it indicates to assistive technology that the image can be safely ignored.

Note: Although alt=" " is also valid, alt="" is recommended.

Note: Have a "null" ALT attribute is not the same as having no ALT attribute.

Examples

Example 1

The following image is used to insert a decorative image on a Web page.

Example Code:


<img src="squiggle.gif" width="20" height="20" alt="" />

Resources

Resources are for information purposes only, no endorsement implied.

(none currently listed)

Tests

Procedure

For each image that should be ignored.

  1. Check that title attribute is either absent or empty.

  2. Check that alt attribute is present and empty or contains only whitespace (but not &nbsp;)

Expected Results