Side nav

v6.0.0

A vertical list of links for site navigation typically placed next to the body content.

Released

History
View changes
Install
npm i @gold.au/side-nav
Tags
Requires
Contributors
  • Christopher Lee avatar picture
  • Alexandra Baranov avatar picture
  • Dominik Wilkowski avatar picture
  • Simon Victory avatar picture
  • Gary Broadbent avatar picture
  • Julian Fleetwood avatar picture
  • Alex Page avatar picture
  • Chris Lamb avatar picture
  • Raj Ghuman avatar picture
  • Simon Pascal Klein avatar picture
  • DHS Web Services Team avatar picture
  • Petra Gulicher avatar picture
  • Trevor Brennan avatar picture
  • Patrick De Young avatar picture

Colour impairment

How the side navigation is viewed with various colour blindnesses

Example

Grayscale

How the side navigation is viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with side navigation.

Example

Screen readers

[Navigation]

[Heading level two] [Link] Lodging your tax return

[List five items]

[Link] Do you need to lodge a tax return?

[Link] Lodge online

[List one item] [level two]

[Link] Pre filling your online tax return

[End of list]

[Link] What’s new for individuals

[Link] Why you may receive a tax bill

[Link] In detail

[List three items] [level two]

[Link] Record keeping

[List two items] [level 3]

[Link] Keeping your tax returns

[Link] Incorrect amounts

[End of list]

[Link] Tax receipt

[Link] Pre-fill availability

[End of list]

[End of list]

[End of navigation]

How the side navigation demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.

Related components

Feedback