Element

area

Error Type

Potential

Guidelines

  • 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)

Requirement

Alt text for all area elements contains all non decorative text in the image area.

Error

area image may contain text that is not in Alt text.

Short Description

This error is generated for all area elements.

How To Determine

Question Is any non decorative text within the image also in the Alt text?
PASS All non decorative text in image is also in Alt text.
FAIL Image contains non decorative text that is not in Alt text.

Steps To Check

Procedure

1. For each area element, check if the associated image contains any text.
2. If the image contains text, check if the text is decorative.
3. Note: For this document, "decorative" is defined as "content that does not provide information, functionality, sensory experience and is neither multimedia nor time-dependent interactive".

Expected Result

1. Alt text for all area elements contains all non decorative text in the image area.

Failed Result

1. Modify the Alt text so it contains any non decorative text within the image.

Examples

Pass Examples

Alt text has all text within 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 #194 - Negative</title>
</head>
<body>
<p><img src="welcome.gif" usemap="#map1"  alt="Image map of areas in the library" /></p>
<p><map id="map1" name="map1">
<area shape="rect" coords="0,0,80,30" href="reference.html" alt="Reference" />
<area shape="rect" coords="0,35,110,100" href="media.html" alt="Audio Visual Lab" />
</map></p>
</body>
</html>

Fail Examples

Alt text does not contain all non decorative text in 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 #194 - Positive</title>
</head>
<body>
<p><img src="welcome.gif" usemap="#map1"  alt="Image map of areas in the library" /></p>
<p><map id="map1" name="map1">
<area shape="rect" coords="0,0,80,30" href="reference.html" alt="Reference" />
<area shape="rect" coords="0,35,110,100" href="media.html" alt="Lab" />
</map></p>
</body>
</html>

English | German | Italiano


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