Skip to main content


Toolbar consists of a series of icon buttons occupying minimum workspace


  • 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.