Skip to Content Link

Skip to Content links provide a link at the top of the page for the user to skip past navigation. This is a key requirement for accessibility.

This component requires Drupal to function, hence the examples here are not interactive.

Examples and Code

Select exampleDefault

Open Full Example

<a href="#main-content" class="visually-hidden focusable skip-link">
  Skip to main content
</a>

Guidance

Usage Guidance

• Use the skip-link to link to the main content anchor
• Don’t omit the skip-link from any page or application with navigation

Accessibility Guidance

• Ensure this is standard across pages: This is a core accessibility requirement. It’s also important to use the same functionality and link title across the pages on your site.