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 顺序的情况下,遵循特定内容路径的选项,前提是使用的技术支持此属性。

id

替代阅读顺序中下一个元素的 id

ID 列表

空格分隔的值列表,引用用户可能希望在内容的替代阅读顺序中转到的元素的 id 值。

相关接口

Element.ariaFlowToElements

ariaFlowToElements 属性是每个元素的接口的一部分。其值是 Element 的子类实例的数组,这些实例反映了 aria-flowto 属性中的 id 引用(有一些注意事项)。

ElementInternals.ariaFlowToElements

ariaFlowToElements 属性是每个自定义元素的接口的一部分。其值是 Element 的子类实例的数组,这些实例反映了 aria-flowto 属性中的 id 引用(有一些注意事项)。

相关角色

用于 **所有** 角色。

规范

规范
无障碍富互联网应用程序 (WAI-ARIA)
# aria-flowto

另见