• Breadcrumbs convey your current location in the information architecture
    • Breadcrumbs are not your browsing history (for some reason we have to keep saying this)
  • Breadcrumbs are a feature that people rarely use, so why have them?
    • When people do need them they do it’s incredibly helpful
    • It takes up little space and is generally cheap to produce and maintain

Working example

Annotations for Web

If you’re documenting breadcrumbs in a design system:

  • <nav aria-label="Breadcrumbs"> for the component wrapper
  • <ol> ordered list for the breadcrumb structure
  • 'link to URL' for each breadcrumb link
  • aria-current="page" for the last link in the breadcrumbs

Further reading

Related breadcrumb navigation entries