Web Accessibility Checker : Check Details

Element

img

Error Type

Known

Guidelines

BITV 1.0 (Level 2)
Level 1
1.1 Provide a text equivalent for every non-text element.
Section 508
A - text equivalents
Stanca Act
Requirement 3: Text Equivalents
WCAG 1.0 (Level A)
Priority 1
1.1 Provide a text equivalent for every non-text element.
WCAG 1.0 (Level AA)
Priority 1
1.1 Provide a text equivalent for every non-text element.
WCAG 1.0 (Level AAA)
Priority 1
1.1 Provide a text equivalent for every non-text element.
WCAG 2.0 (Level A)
1.1 Text Altrernatives: Provide text alternatives for any non-text content
Success Criteria 1.1.1 Non-text Content (A)
WCAG 2.0 (Level AA)
1.1 Text Alternatives: Provide text alternatives for any non-text content
Success Criteria 1.1.1 Non-text Content (A)
WCAG 2.0 (Level AAA)
1.1 Text Alternatives: Provide text alternatives for all non-text content
Success Criteria 1.1.1 Non-text Content (A)

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>