Web Accessibility Checker : Check Details

Element

body

Error Type

Potential

Guidelines

WCAG 2.0 (Level A)
2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are.
Success Criteria 2.4.1 Bypass Blocks (A)
WCAG 2.0 (Level AA)
2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are.
Success Criteria 2.4.1 Bypass Blocks (A)
WCAG 2.0 (Level AAA)
2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are.
Success Criteria 2.4.1 Bypass Blocks (A)

Requirement

All groups of links with a related purpose are marked.

Error

Groups of links with a related purpose are not marked.

Short Description

When links are grouped into logical sets (for example, in a navigation bar or main menu that appears on every page in a site) they should be marked up as a unit.

How To Determine

Question	Are all groups of links with a related purpose marked?
PASS	All groups of links with a related purpose are marked.
FAIL	All groups of links with a related purpose are not marked.

Steps To Check

Procedure

1. View the document and find groups of links (anchor elements).
2. Determine if the groups of links are related.
3. Determine if the groups of links are marked.
4. Note: Groups of links may be marked using the following elements: ul, ol, div or map.

Expected Result

1. All groups of links with a related purpose are marked.

Failed Result

1. Add markup to group related links.

Examples

Pass Examples

Groups of related links are marked.

<?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 #262.2 - Negative</title>
</head>
<body>

<h2><a name="categories" id="categories"></a>Product Categories</h2>
<ul class="navigation">
    <li><a href="kitchen.html">Kitchen</a></li>
    <li><a href="bedbath.html">Bed &amp; Bath</a></li>
    <li><a href="dining.html">Fine Dining</a></li>
    <li><a href="lighting.html">Lighting</a></li>
    <li><a href="storage.html">Storage</a></li>
</ul>

<div title="Breadcrumb trail" class="breadcrumb">
   <a href="home.html">Home</a> :
   <a href="technology.html">Web Accessibility</a> :
   <a href="guideline.html">Guidelines</a> :
   1.3
</div> 

<p>
<map title="Navigation Bar" id="navbar">
<p>
 [<a href="home.html">Home</a>] 
 [<a href="search.html">Search</a>] 
 [<a href="new.html">New and highlighted</a>] 
 [<a href="sitemap.html">Site map</a>]
</p>
</map> 
</p>

</body>
</html>

Fail Examples

Groups of related links are not marked.

<?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 #262.1 - Positive</title>
</head>
<body>

<h2>Product Categories</h2>
<p><a href="kitchen.html">Kitchen</a></p>
<p><a href="bedbath.html">Bed &amp; Bath</a></p>
<p><a href="dining.html">Fine Dining</a></p>
<p><a href="lighting.html">Lighting</a></p>
<p><a href="storage.html">Storage</a></p>

<p>
<a href="home.html">Home</a> :
<a href="technology.html">Web Accessibility</a> :
<a href="guideline.html">Guidelines</a> :
</p>

<p>
[<a href="home.html">Home</a>] 
[<a href="search.html">Search</a>] 
[<a href="new.html">New and highlighted</a>] 
[<a href="sitemap.html">Site map</a>]
</p>

</body>
</html>