Components
Skip link
Skip link helps people using keyboard navigation to navigate, so they can easily go to the main content on a page.
We are working to improve the accessibility documentation for this component. If you have questions or see something that should be prioritised, please contact us on Github or Slack.
A skip link is usually not visible until a keyboard press activates it.
Be aware that some automated accessibility tests may warn that a skip link is missing from a landmark, such as a <nav>. This warning does not apply to skip links, so you can safely ignore it.
Make sure that the skip link behaves predictably. A skip link with the text “Skip to content” should move the user’s focus to the start of the content, not to the beginning of the first paragraph under the heading.
Keyboard navigation
- Enter follows the link and jumps to the target