Cegid logo
Design System

SkipLink

Links within a page for skipping to another section, primarily for users who navigate using a keyboard or screen reader.

Overview

Skip Links are mainly used by screen reader users or keyboard-only users for bypassing (or 'skipping') over repetitive web page content, using the "Tab" key :

  • The Skip Link menu must always be provided the first time a user presses the "Tab" Key on a page.
  • The menu is displayed at the top of the page and overlaps the existing content, including the header.
  • When pressing continuously the "Tab" key the link is replaced by another link to the next section, and so on.
  • When a user presses the "Enter" key, the selected link redirect the user to the relevant section.

Content

Only one link should be displayed at a time, and is replaced by as many links as needed in a specific order.

Contents