Web Accessibility Checker : Check Details

Element

body

Error Type

Potential

Guidelines

WCAG 2.0 (Level AA)
3.2 Predictable: Make Web pages appear and operate in predictable ways.
Success Criteria 3.2.3 Consistent Navigation (AA)
WCAG 2.0 (Level AAA)
3.2 Predictable: Make Web pages appear and operate in predictable ways.
Success Criteria 3.2.3 Consistent Navigation (AA)

Requirement

Repeated components appear in the same relative order each time they appear.

Error

Repeated components may not appear in the same relative order each time they appear.

Short Description

Maintain consistent layout or presentation between Web units by presenting components that are repeated in these Web units in the same relative order each time they appear. Other components can be inserted between them, but their relative order is not changed.

How To Determine

Question	Do the repeated components appear in the same relative order on this page?
PASS	Repeated components appear in the same relative order on this page.
FAIL	Repeated components do not appear in the same relative order on this page.

Steps To Check

Procedure

1. Determine which components are repeated on all pages within the site.
2. Check that the components appear in the same relative order on this page.

Expected Result

1. Repeated components appear in the same relative order each time they appear.

Failed Result

1. Modify the page so the repeated components appear in the same relative order as other pages.

Examples

Pass Examples

Links appear in the same order as the other page.

<?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>ATRC Testfile - Check #276.1 - Negative</title>
</head>
<body>

<p>Here is a link to <a href="276-3.html">another page</a>. Note that the first link below is 'home'.</p>

<p><a href="home.html">home</a> | <a href="dogs.html">dogs</a> | <a href="cats.html">cats</a></p>

</body>
</html>

Fail Examples

Links do not appear in the same order as the other page.

<?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>ATRC Testfile - Check #276.3 - Positive</title>
</head>
<body>

<p>Here is a link to <a href="276-1.html">another page</a>. Note that the first link below is 'dogs'.</p>

<p><a href="dogs.html">dogs</a> | <a href="cats.html">cats</a> | <a href="home.html">home</a></p>

</body>
</html>