Skip Link

Enables users to skip directly to primary content in any component

Accessibility

Semantics

  • For multiple skip links, use a <nav> wrapper with aria-label="Skip links" to provide context.
  • Keep the wording short and descriptive (“Skip to main content”, “Skip to footer”), and match the page language.

Keyboard

  • Ensure the target element is focusable or at least identifiable so that focus visibly moves when the link is activated.