Skip link

OverviewStyleGuidelinesCodeAccessibilityDemos
  1. Overview
  2. Status
  3. Sample element
  4. When to use
  5. Status checklist
  1. Overview
  2. Status
  3. Sample element
  4. When to use
  5. Status checklist

Overview

A skip link is used to skip repetitive content on a page. It is hidden by default and can be activated by hitting the "Tab" key after loading/refreshing a page.

Status

Sample element

Skip to main content

To show the skip link, click this top page header and press Shift+Tab on your keyboard.

When to use

  • When there are many navigation items preceding main content
  • When there are blocks of content that are repeated on multiple pages

Status checklist

Edit this page on GitHub