aria-orientation
aria-orientation
属性指示元素的方向是水平、垂直还是未知/模糊。
描述
对于用户来说,了解方向可能很重要,以便知道如何导航某些小部件,因为方向会影响左右、上下箭头预期的行为。aria-orientation
属性用于指示辅助技术用户元素的方向是horizontal
(水平)还是vertical
(垂直),或者undefined
(未定义)。
一些小部件具有默认方向
默认情况下为水平
默认情况下为垂直
每个separator
都应具有与其方向一致的aria-orientation
。
当树中的节点水平排列而不是其默认的垂直方向,或者当选项卡列表垂直排列而不是其默认的水平方向时,向下箭头会像正常的向右箭头一样执行,向上箭头会像正常的向左箭头一样执行。在这些情况下,辅助技术用户需要了解小部件的方向才能正确导航。
即使焦点在树或选项卡列表内部,通常也会提供上下箭头用于正常的浏览器滚动。包含aria-orientation
以在小部件没有默认的、预期的方向和关联导航时提醒用户。
始终记住,ARIA 仅修改辅助技术向用户呈现内容的方式;更改箭头键的行为需要 JavaScript。
值
horizontal
-
元素的方向为水平。
undefined
(默认)-
元素的方向未知/模糊。
vertical
-
元素的方向为垂直。
关联接口
Element.ariaOrientation
-
ariaOrientation
属性(Element
接口的一部分)反映了aria-orientation
属性的值。 ElementInternals.ariaOrientation
-
ariaOrientation
属性(ElementInternals
接口的一部分)反映了aria-orientation
属性的值。
关联角色
规范
规范 |
---|
可访问的富互联网应用程序 (WAI-ARIA) # aria-orientation |