Skip to main content

Shell

SkipLink

Provide a hidden-until-focus anchor. The secret teleportation pad for power users.

Curated demo

SkipLink works at the document or page shell layer. Its primary effect is part of the current route wiring rather than a visible in-body widget.

Reference

Provide a hidden-until-focus anchor. The secret teleportation pad for power users.

  • Use only internal hash targets.
  • Make the destination focusable when it is not normally tabbable.
  • Essential for keyboard users who don't want to tab through 50 nav links on every page load.

Example snippet

<SkipLink href="#main-content">Skip to main content</SkipLink>