在 div 上使用 aria- describeby=""？答案

【问题标题】：Using aria-describedby="" on a div?在 div 上使用 aria- describeby=""？
【发布时间】：2019-11-06 05:28:08
【问题描述】：

是否可以在 div 上使用 aria- describeby 属性？我已经看到在按钮和输入元素上实现了这一点，但没有在 span 或 div 上实现。有什么想法吗？

我试过并使用了 ChromeVox 和 MacOS Voice Over，但没有得到任何回应或描述。

最好的问候！

【问题讨论】：

【解决方案1】：

Aria- describeby 旨在处理链接、按钮和表单字段等交互式元素。它通常不适用于 div 和 span 等静态元素，除非您为其添加角色。

但是，在我的测试中，它在浏览器和屏幕阅读器之间的支持充其量是不一致的，并且在某些情况下不存在，尤其是在表单字段方面。对于表单，我完全避免使用它并使用其他解决方案，例如 aria-labelledby（它有更强大的支持）。

我非常尊重的 Webaim 提供了有关高级表单控件和标签的更多信息：https://webaim.org/techniques/forms/advanced

【讨论】：

【解决方案2】：

【讨论】：