Skip Link Target

A page adds a skip link, repeated navigation, and a focusable main target so keyboard users can bypass repeated links.

Program

Skip links are ordinary anchors. They work because the href points to an id on the main content region.

skip_link_target.html

<a class="skip-link" href="#main">Skip to content</a>
<nav><a href="/home">Home</a><a href="/settings">Settings</a></nav>
<main id="main" tabindex="-1">
  <h1>Settings</h1>
</main>

skip link A skip link is an early page anchor that jumps to the primary content.

focus target A target with an id and tabindex can receive keyboard focus after the jump.