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)
|aria-orientation=”vertical”||Indicates that the element is oriented vertically.|
|aria-orientation=”horizontal” (Default)||Indicates that the element is oriented horizontally.|