Breadcrumbs
Components4.4.35
WCAG 2.1 AA: Ideal Support
Component is usable and understandable for the majority of people with or without disabilities. The meaning conveyed and the functionality available is the same.
What component has
Keyboard support
| Key | Function |
|---|---|
Tab |
Moves focus to the next focusable element. |
Shift + Tab |
Moves focus to the previous focusable element. |
Space, Enter |
When focus is on the breadcrumb, opens the link. |
Roles & attributes
The list below describes roles and attributes that component already has.
| Role | Attribute | Element | Usage |
|---|---|---|---|
group |
The group role identifies a set of user interface objects that is not intended to be included in a page summary or table of contents by assistive technologies. |
||
aria-label="Breadcrumbs" |
div |
Provides a label for the group of links that describes the type of navigation provided. | |
aria-current="page" |
a |
Applied to the last link in the set to indicate that it represents the current page. |
Resources
- W3 breadcrumbs example has detailed information about the accordion accessible behavior.
- A11y style guide gives recommendations for the accessible components.
Other recommendations
See more accessibility recommendations in the common Accessibility guide.