Skip link

SkipLink allows screen reader and keyboard users to bypass menus and jump directly into the main content. This removes accessibility barriers by reducing keystroke repetition and streamlining navigation.

Salt package@salt-ds/core
Code

Keyboard interactions

KeyFunction
Tab
  • When focus moves into the webpage, places focus on the skip link.
  • If focus is on the skip link, moves focus to the next focusable element on the page, usually in the header.
Shift + Tab
  • If focus is on the skip link, closes it and sets focus to the previous focusable element, usually the last browser control.
  • If focus is on the main content of the page, sets focus to the previous focusable element, usually the last item in the header.
Enter / Space
  • If focus is on the skip link, activates it, moving focus to the targeted element at the beginning of the main content of the page.

References