This is a draft document supplied by the WCAG Techniques Task Force. It in no way represents a WCAG Working Group consensus or agreement and is provided for informational and discussion purposes only. The accessibility test listed below should not be construed as required for conformance with the proposed WCAG2.
Copyright 2005, ATRC, University Of Toronto, All Rights Reserved. W3C liability, trademark, document use and software licensing rules apply.
This test case was created by the ATRC at the University Of Toronto. It should not be construed as required for conformance with the proposed WCAG2.
The complete list of tests may be found at http://www.w3.org/WAI/GL/WCAG20/tests/
Comments on this test may be made to the WCAG mailing list.
As part of the conformance test process, this test has a status of 'accepted'.
Guideline: 2.1 - Make all functionality operable via a keyboard interface.
Success Criteria:
2. For functional non-text content , text alternatives serve the same purpose as the non-text content. If text alternatives can not serve the same purpose as the functional non-text content, text alternatives identify the purpose of the functional non-text content Non-text content that uses technologies outside the baseline must satisfy guideline 4.2 . How to provide text alternatives for content that is functional . (Informative)
Level 2
The WCAG2 has 3 priority levels for making Web content accessible. This test has a priority of 'Level 2'.
The WCAG Working Group has created techniques that describe how Web content may be made accessible. The following techniques are related to this test:
There are no prerequisite tests for this test.
img
element that contains a usemap
attribute.usemap
attribute.area
element in the MAP contains a duplicate link in the content.Any accessibility check may be performed after this test.
These test files contain examples of the accessibility problem detectable by this test. They may also contain more accessibility problems than the one described in this test. Please ignore any extraneous accessibility problems in these files.
img
element has usemap
but is missing all text links.)
<?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 #13 - Positive</title>
</head>
<body>
<p><map name="imagemap" id="map1">
<area shape="poly" coords="185,0,355,0,295,123" href="horses.html" alt="horses"/>
<area shape="poly" coords="336,202,549,203,549" href="dogs.html" alt="dogs"/>
<area shape="rect" coords="0,10,172,10" href="birds.html" alt="birds"/>
</map></p>
<p><img src="navigation.gif" usemap="#imagemap" alt="navigation"/></p>
</body>
</html>
img
element has usemap
but is missing one text link.)
<?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 #13 - Positive</title>
</head>
<body>
<p><map name="imagemap" id="map1">
<area shape="poly" coords="185,0,355,0,295,123" href="horses.html" alt="horses"/>
<area shape="poly" coords="336,202,549,203,549" href="dogs.html" alt="dogs"/>
<area shape="rect" coords="0,10,172,10" href="birds.html" alt="birds"/>
</map></p>
<p><img src="navigation.gif" usemap="#imagemap" alt="navigation"/></p>
<p><a href="horses.html">Horses</a> | <a href="dogs.html">Dogs</a></p>
</body>
</html>
img
element has usemap
and equivalent text links.)
<?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 #13 - Negative</title>
</head>
<body>
<p><map name="imagemap" id="map1">
<area shape="poly" coords="185,0,355,0,295,123" href="horses.html" alt="horses"/>
<area shape="poly" coords="336,202,549,203,549" href="dogs.html" alt="dogs"/>
<area shape="rect" coords="0,10,172,10" href="birds.html" alt="birds"/>
</map></p>
<p><img src="navigation.gif" usemap="#imagemap" alt="navigation"/></p>
<p><a href="horses.html">Horses</a> | <a href="dogs.html">Dogs</a> | <a href="birds.html">Birds</a></p>
</body>
</html>