Skip to content


What component has

Keyboard support

Keyboard support
TabMoves focus to the next focusable element.
Shift + TabMoves focus to the previous focusable element.
Enter, SpaceWhen focus is on the breadcrumb, opens the link.

Roles & attributes

The list below describes roles and attributes that component already has.

Roles and attributes
navThe nav element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents.
aria-label="Breadcrumbs"navProvides a label for the group of links that describes the type of navigation provided.
aria-current="page"aApplied to the last link in the set to indicate that it represents the current page.

Considerations for designers & developers

Don't forget to check that long text in links is truncated with an ellipsis, and the full text is displayed in a tooltip when there isn't enough space.


Other recommendations

See more accessibility recommendations in the common Accessibility guide.

Released under the MIT License.

Released under the MIT License.