Element

body

Error Type

Potential

Guidelines

  • BITV 1.0 (Level 2)
    Guideline GroupLevel 2
    Guideline Subgroup13.6 Group related links, identify the group (for user agents), and, until user agents do so, provide a way to bypass the group.
  • Section 508
    Guideline GroupO - skip repetitive navigation links
  • Stanca Act
    Guideline GroupRequirement 19: Link Text
  • WCAG 1.0 (Level AAA)
    Guideline GroupPriority 3
    Guideline Subgroup13.6 Group related links, identify the group (for user agents), and, until user agents do so, provide a way to bypass the group.
  • 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

A "skip to content" link appears on all pages with blocks of material prior to the main document.

Error

Document may be missing a "skip to content" link.

Short Description

Provide a mechanism to bypass blocks of material that are repeated on multiple Web units.

How To Determine

Question Does this document require and contain a "skip to content" link?
PASS Document contians a "skip to content" link or does not require it.
FAIL Document does not contain a "skip to content" link and requires it.

Steps To Check

Procedure

1. Determine if the document contains a block of material prior to the main content.
2. Check if the document contains a link that bypasses the block of material and goes to the main content.
3. Check if the "skip to content" link is the first link in the document.
4. Check if the "skip to content" link is identified properly (i.e. the link text is "skip to content" or "skip navigation").

Expected Result

1. A "skip to content" link appears on all pages with blocks of material prior to the main content.

Failed Result

1. Add a "skip to content" link that bypasses the block of heading material and goes to the main content.

Examples

Pass Examples

Has a "skip to content" 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>ATRC Testfile - Check #28.2 - Negative</title>
</head>
<body>

<p><a href="#content"><img src="spacer.gif" width="0" height="0" border="0" alt="skip to content" /></a></p>

<p><img src="logo.jpg" width="50" height="50" alt="company logo" /></p>

<ul class="navigation links">
<li><a href="page1.html">front page</a></li>
<li><a href="page2.html">products</a></li>
<li><a href="page3.html">archives</a></li>
<li><a href="page4.html">dogs</a></li>
<li><a href="page5.html">cats</a></li>
</ul>

<a name="content"></a>
<p >The main content of the document goes here. This is some example text.</p>

</body>
</html>

Fail Examples

Does not have a "skip to content" 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>ATRC Testfile - Check #28.1 - Positive</title>
</head>
<body>

<p><img src="logo.jpg" width="50" height="50" alt="company logo" /></p>

<ul>
<li><a href="page1.html">front page</a></li>
<li><a href="page2.html">products</a></li>
<li><a href="page3.html">archives</a></li>
<li><a href="page4.html">dogs</a></li>
<li><a href="page5.html">cats</a></li>
</ul>

<p>The main content of the document goes here. This is some example text.</p>
</body>
</html>
Web site engine's code is copyright © 2023
Inclusive Design Institute