Breadcrumb
Where you are, with slashes between the steps.
Examples
Breadcrumb
Anatomy
ol.breadcrumb | An ordered list in one wrapping row, small and muted. |
> li | One step. Each after the first gets a / before it. |
> li > a | Link to an ancestor; the last step is plain text. |
API
| Attribute | Values | Description |
|---|---|---|
aria-current | page | On the last step: full text colour. |
Accessibility
- Wrap the list in
<nav aria-label="Breadcrumb">so it is announced as a landmark. - Mark the current step with
aria-current="page". - The slashes are CSS generated content; some screen readers announce them.