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