Web Accessibility Checker : Check Details

Element

area

Error Type

Known

Guidelines

BITV 1.0 (Level 2)
Level 1
1.1 Provide a text equivalent for every non-text element.
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 area elements have an alt attribute.

Error

Imagemap area element missing alt attribute.

Short Description

area elements must contain a alt attribute.

How To Repair

Add an alt attribute to this area element. The alt attribute should describe the link destination and make sense when read out of context.

Steps To Check

Procedure

1. Check all area elements for the presence of an alt attribute.

Expected Result

1. All area elements have an alt attribute.

Failed Result

1. Add an alt attribute to the area element.

Examples

Pass Examples

area element has 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>OAC Testfile - Check #64 - Negative</title>
</head>
<body>
<p><map id="map1" name="map1">
<area shape="rect" coords="0,0,30,30" href="reference.html" alt="reference section"/>
</map></p>
</body>
</html>

Fail Examples

area element missing 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>OAC Testfile - Check #64 - Positive</title>
</head>
<body>
<p><map id="map1" name="map1">
<area shape="rect" coords="0,0,30,30" href="reference.html" />
</map></p>
</body>
</html>