Techniques for WCAG 2.0

On this page:

-

# G124: Adding links at the top of the page to each area of the content

## Applicability

All technologies that contain links

This technique relates to:

- Success Criterion 2.4.1 (Bypass Blocks)
  - How to Meet 2.4.1 (Bypass Blocks)
  - Understanding Success Criterion 2.4.1 (Bypass Blocks)

## Description

The objective of this technique is to provide a mechanism to bypass blocks of material by providing a list of links to the different sections of the content. The links in this list, like a small table of contents at the beginning of the content, set focus to the different sections of the content. This technique is particularly useful for pages with many independent sections, such as portals. It may also be combined with other techniques for skipping blocks within a section.

## Examples

### Example 1

The Web pages on a site all start with three links that navigate to the main content of that Web page, the search field, and the navigation bar.

## Resources

Resources are for information purposes only, no endorsement implied.

- Skip Navigation Links

## Related Techniques

- G1: Adding a link at the top of each page that goes directly to the main content area
- G123: Adding a link at the beginning of a block of repeated content to go to the end of the block

## Tests

### Procedure

For each link in the set of links provided for this purpose:

1. Check that the only controls in the Web page that precede the link are other links in the set.

2. Check that the description of each link communicates that it links to some section of the content.

3. Check that the link is either always visible or visible when it has keyboard focus.

4. Check that activating the link moves the focus to that section of the content.

### Expected Results

- All checks above are true.

- Top
- Contents
- Intro
- Previous: Technique G123
- Next: Technique G125