Skip to content

Find what you need, instantly

Search components, ARIA roles & attributes, and WCAG criteria.

All roles

toolbar

Document structure role

A container grouping a related set of controls — buttons, toggles, menu buttons — into a single tab stop. Arrow keys move between the controls inside it, cutting down the number of Tab stops. Give it an accessible name describing the group of actions.

Used on
A container grouping a set of controls, such as buttons.
Accessible name
Recommended, via aria-labelledby or aria-label.
Example
role="toolbar"
<div role="toolbar" aria-label="Formatting">…</div>