Skip

A functional component to help keyboard users skip to the main content

Features:

  • Visually hidden by default but visible on focus.
  • Sets tabindex on target when clicked (for focus ring).

Skip Example Nav

Start by clicking on the button to set the focus there. Then use the keyboard to navigate to the VSkip component. You will then be able to click the link to skip past the long list of links, to the main content.

Your implementation will vary, but it basically just relies on receiving the hash link to the ID of the main content element.