Skip to content

Breadcrumb Pattern

Breadcrumb Pattern

About This Pattern

A breadcrumb trail consists of a list of links to the parent pages of the current page in hierarchical order. It helps users find their place within a website or web application. Breadcrumbs are often placed horizontally before a page's main content.


Breadcrumb design pattern example

Keyboard Interaction

Not applicable.

WAI-ARIA Roles, States, and Properties

  • Breadcrumb trail is contained within a navigation landmark region.
  • The landmark region is labelled via aria-label or aria-labelledby.
  • The link to the current page has aria-current set to page. If the element representing the current page is not a link, aria-current is optional.
Back to Top