Test Case sc2.4.1_l1_003: Set of web pages with peekaboo skiplink (to main content) at the top

Formal Metadata

Formal Metadata
TitleSet of web pages with peekaboo skiplink (to main content) at the top
DescriptionA 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).
CreatorBenToWeb (Christophe.Strobbe@…)
RightsCopyright BenToWeb 2005-2007
LanguageEnglish
Date2006-10-11
Statusaccepted QA

Technologies and Features

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)

XHTML™1.0 The Extensible HyperText Markup Language (Second Edition)

Feature: a (namespace: http://www.w3.org/1999/xhtml) .

Technical specification: The A element .

Test Data

Purpose

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.

Test Modes

End user.

Test Files

TCDL Data

sc2.4.1_l1_003 (XML).

Rules

“Rules” refer to success criteria in WCAG 2.0, checkpoints in WCAG 1.0 and similar requirements.

Primary Rules

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.

Functional Outcome

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.

Technical Comment

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).