Element

img

Error Type

Potential

Guidelines

  • Stanca Act
    Guideline GroupRequirement 3: Text Equivalents
  • Visual Content
    Guideline Group[ _GROUPNAME_90 ]
  • 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)

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>

English | German | Italiano


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