Web Accessibility Checker : Check Details

Element

area

Error Type

Potential

Guidelines

BITV 1.0 (Level 2)
Level 1
1.1 Provide a text equivalent for every non-text element.
Stanca Act
Requirement 19: Link Text
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

Alt text for all area elements identifies the link destination.

Error

Alt text for area element may not identify the link destination.

Short Description

Alt text for area element must describe the link destination.

How To Determine

Question	Does the Alt text for this `area` element identify the link destination?
PASS	Alt text for `area` element identifies the link destination.
FAIL	Alt text for `area` element does not identify the link destination.

Steps To Check

Procedure

1. Check the alt attribute value of each area element.

Expected Result

1. Alt text for all area elements identifies the link destination.

Failed Result

1. Modify the alt attribute value so it identifies the destination of the link.

Examples

Pass Examples

Alt text identifies the link destination.

<?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 #65 - Negative</title>
</head>
<body>
<p><img src="library.gif" usemap="#map1" alt="Image map of areas in the library" /> </p>
<p><map id="map1" name="map1">
<area shape="rect" coords="0,0,50,50" href="reference.html" alt="reference section"/>
</map></p>
</body>
</html>

Fail Examples

Alt text does not identify the link destination.

<?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 #65 - Positive</title>
</head>
<body>
<p><img src="library.gif" usemap="#map1" alt="Image map of areas in the library" /> </p>
<p><map id="map1" name="map1">
<area shape="rect" coords="0,0,50,50" href="reference.html" alt="drawing of a blue book"/>
</map></p>
</body>
</html>