Aria-orientation property is used to indicate if an element is oriented horizontally or vertically on a web page. aria-orientation is used on components such as separators, scrollbars and spin buttons. So roles in which the aria-orientation property can be used are separator role, scrollbar role and spinbutton role.
aria-orientation have two possible values. Aria-orientation=”horizontal” is the default value. Aria-orientation=”horizontal” indicates that the element is oriented horizontally. Aria-orientation=”vertical” indicates that the element is oriented vertically.
As on the date I am writing this article none of the major screen readers are recognizing aria-orientation property. Screen readers used to check the compatability are NVDA 2015.2, JAWS 16 and voiceover on IOS 8.4.
Values of aria-orientation (property)
| Characteristic | Description |
|---|---|
| aria-orientation=”vertical” | Indicates that the element is oriented vertically. |
| aria-orientation=”horizontal” (Default) | Indicates that the element is oriented horizontally. |
Aria-orientation supported roles
- Separator (role) Future Link
- Scrollbar role
- Spinbutton role