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: 3.2 - Make the placement and functionality of content predictable.
Success Criteria:
consistent-behavior-target-identified
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:
The following tests must be run before running this test. If any of the prerequisite tests fail then this test is invalid and should not be run.
a
(anchor) element.a
(anchor) element must contain an href
attribute.a
(anchor) element or the Alt text of an image used as a link.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.
<?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 #197 - Positive</title>
</head>
<body>
<p>For more information about dogs, <a href="dogs.html">click here</a>.</p>
</body>
</html>
<?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 #197 - Negative</title>
</head>
<body>
<p>Here is a link to <a href="dogs.html">information about dogs</a>.</p>
</body>
</html>
<?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 #197 - Negative</title>
</head>
<body>
<p>This is the introduction to a news story about recent spending by our government.<a href="spending.html"><img src="more.gif" width="30" height="10" alt="government spending"/></a></p>
</body>
</html>
title
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>
<title>OAC Testfile - Check #197 - Negative</title>
</head>
<body>
<p>This is the introduction to a news story about recent spending by our government.
<a href="spending.html" title="recent government spending">more</a></p>
</body>
</html>
<?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 #197 - Negative</title>
</head>
<body>
<p>This is the introduction to a news story about recent spending by our government.<a href="spending.html"><img src="more.gif" width="30" height="10" alt="image"/></a></p>
</body>
</html>