Element

img

Error Type

Known

Guidelines

  • BITV 1.0 (Level 2)
    Guideline GroupLevel 1
    Guideline Subgroup1.1 Provide a text equivalent for every non-text element.
  • Section 508
    Guideline GroupA - text equivalents
  • Stanca Act
    Guideline GroupRequirement 3: Text Equivalents
  • Visual Content
    Guideline Group[ _GROUPNAME_90 ]
  • WCAG 1.0 (Level A)
    Guideline GroupPriority 1
    Guideline Subgroup1.1 Provide a text equivalent for every non-text element.
  • WCAG 1.0 (Level AA)
    Guideline GroupPriority 1
    Guideline Subgroup1.1 Provide a text equivalent for every non-text element.
  • WCAG 1.0 (Level AAA)
    Guideline GroupPriority 1
    Guideline Subgroup1.1 Provide a text equivalent for every non-text element.
  • WCAG 2.0 (Level A)
    Guideline Group1.1 Text Altrernatives: Provide text alternatives for any non-text content
    Guideline SubgroupSuccess Criteria 1.1.1 Non-text Content (A)
  • WCAG 2.0 (Level AA)
    Guideline Group1.1 Text Alternatives: Provide text alternatives for any non-text content
    Guideline SubgroupSuccess Criteria 1.1.1 Non-text Content (A)
  • WCAG 2.0 (Level AAA)
    Guideline Group1.1 Text Alternatives: Provide text alternatives for all non-text content
    Guideline SubgroupSuccess Criteria 1.1.1 Non-text Content (A)
  • WCAG SRWSD

Requirement

All img elements have an alt attribute.

Error

img element missing alt attribute.

Short Description

All img elements must have an alt attribute.

Rationale

All images must have alternate text. It's required by people that are unable to view the image.

How To Repair

Add an alt attribute to your img element.

Repair Example

<img src="rex.jpg" alt="a picture of Rex the cat" />

Steps To Check

Procedure

1. Check each img element for the presence of an alt attribute.

Expected Result

1. All img elements have an alt attribute.

Failed Result

1. Add an alt attribute to each img element.

Examples

Pass Examples

img element with an alt attribute.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>Testfile - Check #1 - Negative</title>
</head>
<body>
<p><img src="rex.jpg" alt="A black and brown cat named Rex."/></p>
</body>
</html>

Fail Examples

img element without an alt attribute.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>Testfile - Check #1 - Positive</title>
</head>
<body>
<p><img src="rex.jpg"/></p>
</body>
</html>

English | German | Italiano


Web site engine's code is copyright © 2011
Inclusive Design Institute
Web Service API