ARIA: aria-flowto 屬性
全域性 aria-flowto 屬性用於標識內容在替代閱讀順序中的下一個元素(或元素)。這允許輔助技術在使用者自行決定時,覆蓋內容源順序的通用預設閱讀順序。
描述
網頁應該是可按順序導航的。因此,不建議開發者使用會改變標籤順序的全域性 tabindex 屬性,以及會改變視覺順序與 DOM 順序的 CSS order 屬性。然而,在極少數情況下,需要與源順序不同的閱讀路徑。對於這些情況,aria-flowto 屬性可以使內容對使用輔助技術的使用者更具可訪問性。
全域性 aria-flowto 屬性允許作者向輔助技術使用者指示接下來可能想要聚焦的元素,從而提供一種與源順序不同的替代閱讀順序。這允許輔助技術以不同於預設的文件源閱讀順序來閱讀文件。
當 aria-flowto 具有單個 id 引用時,它允許輔助技術在使用者請求時,跳轉到透過該 id 目標化的元素,而不是按照 DOM 的順序閱讀文件。當 aria-flowto 值使用空格分隔的多個 id 引用列表時,輔助技術可以向用戶提供一個路徑選擇列表,其中每個被引用的 id 都是一個選項。路徑選擇的名稱由 aria-flowto 屬性的每個目標元素的無障礙名稱決定。
注意:設定 aria-flowto 不會影響內容的標籤順序。它只為使用者提供了在不匹配 DOM 順序的情況下,遵循特定內容路徑的選項,前提是使用的技術支援此屬性。
值
相關介面
Element.ariaFlowToElements-
ariaFlowToElements屬性是每個元素的介面的一部分。其值是Element的子類例項的陣列,這些例項反映了aria-flowto屬性中的id引用(有一些注意事項)。 ElementInternals.ariaFlowToElements-
ariaFlowToElements屬性是每個自定義元素的介面的一部分。其值是Element的子類例項的陣列,這些例項反映了aria-flowto屬性中的id引用(有一些注意事項)。
相關角色
用於 **所有** 角色。
規範
| 規範 |
|---|
| 無障礙富網際網路應用程式 (WAI-ARIA) # aria-flowto |
另見
- HTML id 屬性
- HTML tabindex 屬性
- CSS
order屬性 - WCAG:源順序
- 使用 aria-flowto - W3 Wiki