Skip to main content

Components

Breadcrumbs

``Breadcrumbs` help users understand where they are within a structure and make it possible to navigate back to higher levels.

We are working to improve the accessibility documentation for this component. If you have questions or see something that should be prioritised, please contact us on Github or Slack.

Breadcrumbs can contain multiple interactive elements that must be navigable with the keyboard. Therefore, make sure that the SkipLink of the main content also skips Breadcrumbs.

Last level

The last link should correspond to the current page. It looks like regular text, but is coded as a link with aria-current="page". This way, screen readers get the correct information about which page the user is on, without other users mistakenly perceiving it as a clickable link.

Edit this page on github.com (opens in a new tab)