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.
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.