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

另請參閱