当我在做一些 Web 开发时，一个名为aria-labelledby的属性经常出现。例如在引导官方示例中：
<ul class="dropdown-menu" role="menu"aria-labelledby ="dLabel">
在做了一些研究之后，我知道它与可访问性相关，但关于该属性的确切功能的线索并不多。
非常感谢。
问问题
3260 次
2 回答
3
任何新事物总是存在 UA 支持问题，这就是开发人员寻求渐进增强的原因。这种 ARIA 技术提供了取消“for”属性并允许其他元素成为丰富表单的一部分的能力。这些技术将成为普遍做法。
在Mozilla 开发者页面上有一些很好的使用示例。也许他们最好的例子是它用于将弹出菜单与父菜单项相关联。
参考：另外，这似乎是这个问题的副本。
于 2013-07-04T05:03:07.137 回答
2
ARIA 代表“可访问的富 Internet 应用程序”。
Web 可访问性是指消除阻碍残疾人与网站互动或访问网站的障碍的包容性做法。
aria-label 是屏幕阅读器可以阅读的 HTML 属性，以便有视觉障碍的用户可以听到内容。这为受挑战的用户提供了一种与其他用户具有相似体验的方法。
类似地，aria-labelledby 是另一个 HTML 属性，它接受一个值作为其他元素的 ID，并用其他元素的内容标记该元素。
<div id="dLabel">This is the reference</div>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
因此，屏幕阅读器在读取 ul 元素时，会读取 id="dLabel" 的 div 的内容
于 2017-10-18T08:31:19.233 回答