使用 ARIA 树,这个角色是不是必须使用 ul-li 结构?

Posted

技术标签:

【中文标题】使用 ARIA 树,这个角色是不是必须使用 ul-li 结构?【英文标题】:Using ARIA trees, is it compulsory to use ul-li structure for this role?使用 ARIA 树,这个角色是否必须使用 ul-li 结构? 【发布时间】:2017-03-20 03:30:26 【问题描述】:

我正在研究 ARIA 的可访问性和新功能。在其中一个实现中,我们使用了 role="treeitem" 但我们使用 DIV 结构实现了树。它在 JAW 中失败了。它正在阅读相同的内容三遍。在浏览在线教程时,我发现所有示例示例都是使用 ul-li 实现的。不支持 div 结构吗?

【问题讨论】:

【参考方案1】:

这不是强制性的,树有一个像结构一样的列表。 treeitem 角色允许在相当多的 html 元素上使用。将 ARIA 与 HTML 一起使用的规则在 ARIA in HTML 规范中定义

本规范定义了 Web 开发者规则(作者一致性 要求)用于在 [HTML51] 上使用 [wai-aria-1.1] 属性 元素。

【讨论】:

这里是 JS Fiddle。我不确定为什么它会阅读 3 次相同的内容。它在 JAW 中。

以上是关于使用 ARIA 树,这个角色是不是必须使用 ul-li 结构?的主要内容,如果未能解决你的问题,请参考以下文章

如何将aria组合框角色与网格元素一起使用?

如何在 kotlin 中使用 div 角色和 aria-label 设置 xpath

JAWS 如何处理 ARIA 角色?

什么是导航栏/菜单的 WAI-ARIA 兼容实现

html WAI-ARIA角色(地标角色,小部件角色等)

Cypress 通过 aria 角色获取元素