Skip to main content

Toolbar

Toolbar consists of a series of icon buttons occupying minimum workspace

Accessibility

Place the toolbar in a div element with an role="toolbar". Use a descriptive aria-label to let the user know what the toolbar is for (e.g. text formatting or map controls).
Make sure the toolbar is keyboard accessible.
Provide tooltips for all icons. See Tooltips.
Provide logical tab sequence.
See Buttons for accessibility guidelines.