This document is a draft, and is designed to show changes from a previous version. It is presently showing added text, changed text, deleted text, [start]/[end] markers, and Issue Numbers.

Hide All Edits | Toggle Deletions | Toggle Issue Numbers | Toggle [start]/[end] Markers | Show All Edits

Changes are displayed as follows:

[begin add] new, added text [end add]
[begin change] changed text [end change],
[begin delete] deleted text [end delete]

On this page:

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:

Success Criterion 1.1.1 (Non-text Content)
- How to Meet 1.1.1 (Non-text Content)
- Understanding Success Criterion 1.1.1 (Non-text Content)

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

Resources

Resources are for information purposes only, no endorsement implied.

'Null alt text' in WebAIM's 'Creating Accessible Images' also shows how to do this in Dreamweaver.

(none currently listed)

Tests

Procedure

For each image that should be ignored.

Check that title attribute is either absent or empty.
Check that alt attribute is present and empty or contains only whitespace (but not  )

Expected Results

#1 and #2 are true

This Web page is part of Techniques and Failures for Web Content Accessibility Guidelines 2.0. The entire document is also available as a single HTML file. See the Overview of WCAG 2.0 Documents for an explanation of how this document fits in with other Web Content Accessibility Guidelines (WCAG) 2.0 documents.