Semantics

A collection of commonly used function buttons or controls represented in compact visual form.

Additional info from the ARIA specification

The toolbar is often a subset of functions found in a menubar, designed to reduce user effort in using these functions. Authors MUST supply a label on each toolbar when the application contains more than one toolbar.

Authors MAY manage focus of descendants for all instances of this role, as described in Managing Focus.

Elements with the role toolbar have an implicit aria-orientation value of horizontal.

Abstract Role

  • StructureRepresents a non-interactive part of a page that organizes content into coherent units.

Content Categories

  • Flow ContentAn element that structures and organizes the body of a web document.

Allowed Descendants

Flow Children Allowed

No main element descendants allowed.

Usage

Allowed HTML elements

Implicit semantics

  • None

Explicitly allowed

  • menu[role=toolbar]
  • ol[role=toolbar]
  • ul[role=toolbar]

Elements that can have any role

  • abbr[role=toolbar]
  • address[role=toolbar]
  • b[role=toolbar]
  • blockquote[role=toolbar]
  • canvas[role=toolbar]
  • cite[role=toolbar]
  • code[role=toolbar]
  • custom-element[role=toolbar]
  • data[role=toolbar]
  • del[role=toolbar]
  • dfn[role=toolbar]
  • div[role=toolbar]
  • em[role=toolbar]
  • figure[role=toolbar]
  • i[role=toolbar]
  • ins[role=toolbar]
  • kbd[role=toolbar]
  • mark[role=toolbar]
  • output[role=toolbar]
  • p[role=toolbar]
  • pre[role=toolbar]
  • q[role=toolbar]
  • samp[role=toolbar]
  • small[role=toolbar]
  • span[role=toolbar]
  • table[role=toolbar]
  • tbody[role=toolbar]
  • tfoot[role=toolbar]
  • thead[role=toolbar]
  • time[role=toolbar]
  • u[role=toolbar]
  • var[role=toolbar]