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 |