Web Accessibility Checker : Check Details

Element

img

Error Type

Potential

Guidelines

Stanca Act
Requirement 3: Text Equivalents
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

Alt text for all img elements that are not used as source anchors conveys the same information as the image.

Error

Alt text does not convey the same information as the image.

Short Description

Alt text must be appropriate and meaningful for image.

How To Determine

Question	Does the Alt text convey the same information as the image?
PASS	Alt text conveys the same information as the image.
FAIL	Alt text does not convey the same information as the image.

Steps To Check

Procedure

1. Check each img element that is not a source anchor and view the associated image and Alt text.
2. Note: If the img element is contained by an a (anchor) element and the a (anchor) element has a valid href attribute value then the image is a source anchor.

Expected Result

1. Alt text for all img elements that are not used as source anchors conveys the same information as the image.

Failed Result

1. Change the alt attribute value so it conveys the same information as the image.

Examples

Pass Examples

Alt text conveys same information as image.

<?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>
<title>OAC Testfile - Check #178 - Negative</title>
</head>
<body>
<p><img src="rex.jpg" alt="a black and brown cat named Rex"/></p>
</body>
</html>

Fail Examples

Alt text does not convey same information as image.

<?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>
<title>OAC Testfile - Check #178 - Positive</title>
</head>
<body>
<p><img src="rex.jpg" alt="shoes and suits and clothing and ties"/></p>
</body>
</html>