Skip to Main Content

Navigation

Overview

The first focusable element on every page. It is hidden until it takes focus. When pressed, it jumps from the header to the main content.

Live example

Usage

• It is an <a> placed as the first thing in the tab order and points at #main-content (main has id="main-content" and tabindex="-1").
• It appears only on focus, at z-skip-link, with the focus-halo.

Accessibility

This section is still in progress.

Related

This section is still in progress.

References

This section is still in progress.