Direction links

v4.0.0

Direction links are accompanied by arrows to help users move quickly to other parts of the page or through a process.

Released

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

Colour impairment

How the direction links are viewed with various colour blindnesses

Example

Grayscale

How the direction links are viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with direction links.

Example

Screen readers

[Link] back

[Link] next

[Link] top

[Link] skip to footer

How the direction links demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.

Related components

Feedback