Skip link

v3.0.0

Skip links are internal page links that aid navigation around a page. They are detected by screen readers and help users quickly jump to and over content on the page.

Released

History
View changes
Install
npm i @gold.au/skip-link
Tags
Requires
Contributors
  • Hannah J. Nicdao avatar picture
  • Patrick De Young avatar picture
  • Petra Gulicher avatar picture
  • Julian Fleetwood avatar picture
  • Simon Pascal Klein avatar picture
  • Dominik Wilkowski avatar picture
  • Alex Page avatar picture
  • Gary Broadbent avatar picture
  • Trevor Brennan avatar picture

Colour impairment

How the skip link is viewed with various colour blindnesses

Example

Grayscale

How the skip link is viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with skip links.

Example

Screen readers

[Link] skip to main content.

[Link] skip to main navigation.

How the skip link demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.

Related components

Feedback