| Title | Set of web pages with peekaboo skiplink (to main content) at the top |
|---|---|
| Description | A set of web pages - the web site of the fictitious newspaper The Narnia Times - that has a top navigation section at the top of each page.
At the top of each page is a skiplink to the main content; the skiplink is invisible until it receives focus
(when a user tabs through the links and lands on the skiplink) or the mouse pointer hovers over it.
Note that this skiplink points to an anchor (a element with name and id attributes)
inside a div element with a width defined in a CSS stylesheet.
Setting this width is important to make the skiplink work in Internet Explorer 6, as described by Jim Thatcher in the
article "Skip Navigation" (http://www.jimthatcher.com/skipnav.htm).
|
| Creator | BenToWeb (Christophe.Strobbe@…) |
| Rights | Copyright BenToWeb 2005-2007 |
| Language | English |
| Date | 2006-10-11 |
| Status | accepted QA |
Technologies are markup languages or data formats. If the technology is a markup language, “features” refers to elements and attributes.
XHTML™1.0 The Extensible HyperText Markup Language (Second Edition)
Feature: a
(namespace: http://www.w3.org/1999/xhtml)
.
Technical specification:
The A element
.
This test case is intended to pass because there is a skiplink at the top of every page. Only the use of skip navigation to skip repeated information is tested here.
End user.
“Rules” refer to success criteria in WCAG 2.0, checkpoints in WCAG 1.0 and similar requirements.
The test case passes (line 19, column 1) the following success criterion: http://www.w3.org/TR/2006/WD-WCAG20-20060427/guidelines.html#navigation-mechanisms-title.
The test case passes (line 19, column 1) the following success criterion: http://www.w3.org/TR/2006/WD-WCAG20-20060427/guidelines.html#navigation-mechanisms-title.
The test case passes (line 19, column 1) the following success criterion: http://www.w3.org/TR/2006/WD-WCAG20-20060427/guidelines.html#navigation-mechanisms-title.
The test case passes (line 19, column 1) the following success criterion: http://www.w3.org/TR/2006/WD-WCAG20-20060427/guidelines.html#navigation-mechanisms-title.
The test case passes (line 19, column 1) the following success criterion: http://www.w3.org/TR/2006/WD-WCAG20-20060427/guidelines.html#navigation-mechanisms-title.
The test case passes (line 19, column 1) the following success criterion: http://www.w3.org/TR/2006/WD-WCAG20-20060427/guidelines.html#navigation-mechanisms-title.
Screen reader users can use the invisible skip link to skip the top navigation and go to the main content. However, sighted users will only discover the skip navigation link if they tab through the links or hover over the link.
This test case maps to technique G1: Adding a link at the top of each page that goes directly to the main content area (http://www.w3.org/TR/2006/WD-WCAG20-TECHS-20060427/Overview.html#G1).