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

另请参阅