toolbar |
|
div |
- Identifies the toolbar container.
- The toolbar div is not focusable because focus is managed with a roving tabindex.
|
|
aria-label="LABEL_STRING"
|
div |
- Provides an accessible label for the toolbar.
- An invisible label is appropriate when the visual context adequately communicates purpose.
|
button |
|
div |
Identifies the element as a button. |
|
tabindex=-1
|
button
|
- Makes the element focusable but not part of the page Tab sequence.
- Applied to all elements contained in the toolbar except for one that is included in the page Tab sequence.
- This approach to managing focus is described in the section on roving tabindex.
|
|
tabindex=0
|
button
|
- Makes the element focusable and includes it in the page Tab sequence.
- Set on only one widget contained by the toolbar.
- On page load is set on the first widget element contained by the toolbar.
- Moves with focus inside the toolbar so the most recently focused element is included in the page Tab sequence.
- This approach to managing focus is described in the section on roving tabindex.
|
|
aria-disabled="true" |
button |
Informs assistive technologies of the disabled state. |