Breadcrumbs are built using an ol with the classes .joy-breadcrumb and .joy-list--horizontal.
The breadcrumbs should be placed in a nav element with role="navigation". The first child in this nav element should be a p tag with the text "You are here" and the class .joy-assistive-text to visually hide the text on the page. Be sure the p tag's id and the ol tag's aria-labelledby attribute match.
<nav role="navigation">
<p id="bread-crumb-label" class="joy-assistive-text">You are here:</p>
<ol class="joy-breadcrumb joy-list--horizontal" aria-labelledby="bread-crumb-label">
<li class="joy-list__item joy-text-heading--label"><a href="#">Level 1</a></li>
<li class="joy-list__item joy-text-heading--label"><a href="#">Level 2</a></li>
<li class="joy-list__item joy-text-heading--label"><a href="#">Current Page</a></li>
</ol>
</nav>