Breadcrumb
A trail of ancestor links showing the user’s current location within a hierarchy of pages.
API
All inputs and configuration options for zyra-breadcrumb.
| Prop | Type | Default | Description |
|---|---|---|---|
ariaLabel (zyra-breadcrumb) | string | 'Breadcrumb' | Accessible label for the nav landmark |
href (zyra-breadcrumb-item) | string | '' | Destination URL; ignored when current is true |
current (zyra-breadcrumb-item) | boolean | false | Marks the item as the current page — renders without a clickable href |
Accessibility
Built to meet WCAG 2.0 AA. These notes cover the key ARIA, keyboard, and interaction behaviours.
- Rendered as a <nav> landmark with an ol/li list structure
- The current item gets aria-current="page" and no href, so it is not focusable
- Separator icons are aria-hidden and purely decorative