Element

body

Error Type

Potential

Guidelines

  • Reglas de AccesTitan
  • WCAG 2.0 (Level A)
    Guideline Group2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are.
    Guideline SubgroupSuccess Criteria 2.4.1 Bypass Blocks (A)
  • WCAG 2.0 (Level AA)
    Guideline Group2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are.
    Guideline SubgroupSuccess Criteria 2.4.1 Bypass Blocks (A)
  • WCAG 2.0 (Level AAA)
    Guideline Group2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are.
    Guideline SubgroupSuccess 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>

English | German | Italiano


Web site engine's code is copyright © 2011
Inclusive Design Institute
Web Service API