The Toolbar component has been designed, keeping in mind the WAI-ARIA specifications, and applying the WAI-ARIA roles, states and properties along with keyboard support for people who use assistive devices. WAI-ARIA accessibility support is achieved through attributes like aria-orientation, aria-disabled and aria-haspopup. It provides
information about elements in a document for assistive technology. The component implements keyboard navigation support by following the WAI-ARIA practices, and has been tested in major screen readers.
The Toolbar element is assigned the role of toolbar.
| Property | Functionalities |
|---|---|
| role=“toolbar” | This attribute added to the ToolBar element describes the actual role of the element. |
| aria-orientation | Indicates the ToolBar orientation. Default value is horizontal. |
| aria-haspopup | Indicates the popup mode of the Toolbar. Default value is false. When popup mode is enabled, attribute value has to be changed to true. |
| aria-disabled | Indicates the disabled state of the ToolBar. |
Keyboard navigation is enabled, by default. Possible keys are:
| Key | Description |
|---|---|
| Left | Focuses the previous element. |
| Right | Focuses the next element. |
| Enter | When focused on a ToolBar command, clicking the key triggers the click of Toolbar element. When popup drop-down icon is focused, the popup opens. |
| Esc(Escape) | Closes popup. |
| Down | Focuses the next popup element. |
| Up | Focuses the previous popup element. |