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.

Further Reading

View on GitHub
Last updated .
Implementations