Inpage nav

v4.0.0

Inpage nav links helps users scan the contents of a page and navigate to different sections of the page.

Released

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

Colour impairment

How the inpage navs are viewed with various colour blindnesses

Example

Grayscale

How the inpage navs are viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with inpage navs.

Example

Screen readers

[Heading level 2] Contents.

[List five items].

[Link] Section 1.

[Link] Section 2.

How the inpage nav demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.

Related components

Feedback