aria-orientation
TokenIndicates whether a widget such as a slider, toolbar, tablist, or menu is laid out horizontally or vertically. It tells assistive technologies which arrow keys move within the widget and hints at the expected keyboard behavior. Many roles have a sensible default orientation, so set it only when yours differs.
Values
- horizontal
- The element is oriented horizontally.
- vertical
- The element is oriented vertically.
- undefined (default)
- The orientation is unknown or not applicable.
Used on
<hr><div role="…">
Associated roles
Example
aria-orientation="…"
<div role="tablist" aria-orientation="vertical">…</div>References