Breadcrumbs

v4.0.0

Breadcrumbs are a navigational aid that display a user's location on a website as a row of links, usually located at the top of the page.

Released

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

Colour impairment

How the breadcrumbs are viewed with various colour blindnesses

Example

Grayscale

How the breadcrumbs are viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with breadcrumbs.

Example

Screen readers

[Breadcrumb navigation, list three items].

[link] home, [link] parent, current page.

How the breadcrumbs demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.

Related components

Feedback