Skip to content

Breadcrumb

Use nav[aria-label="breadcrumb"] with an ordered list. Separators are added via CSS.

Example

<nav aria-label="breadcrumb">
  <ol>
    <li><a href="#">Home</a></li>
    <li><a href="#">Products</a></li>
    <li><a href="#">Electronics</a></li>
    <li><a href="#" aria-current="page">Headphones</a></li>
  </ol>
</nav>