Breadcrumbs consist of a list of links that help a user visualize a page's location within the hierarchical structure of a website, and allow navigation up to any of its "ancestors".
Here is an example of customizing the component. You can learn more about this in the overrides documentation page.
Be sure to add a
aria-label description on the
The accessibility of this component relies on:
- The set of links is structured using an ordered list (
- To prevent screen reader announcement of the visual separators between links, they are hidden with
- A nav element labeled with
aria-labelidentifies the structure as a breadcrumb trail and makes it a navigation landmark so that it is easy to locate.