“aria-labelledby”属性的功能

Question

当我进行一些Web开发时，经常出现名为 aria-labelledby 的属性。例如，在bootstrap官方示例中：

  

<ul class="dropdown-menu" role="menu" aria-labelledby = "dLabel">

在做了一些研究后，我知道它与可访问性相关，但没有很多关于属性确切功能的线索。

非常感谢。

Answer 1

UA支持问题总是存在新的问题，这就是开发人员寻求渐进增强的原因。这种ARIA技术提供了取消“for”属性的功能，并允许其他元素成为丰富表单的一部分。这些技术将成为惯例。

在Mozilla Developer页面上有一些很好的例子。也许最好的例子是它用于将弹出菜单与父菜单项相关联。

参考： 此外，这似乎与this问题重复。

Answer 2

ARIA代表＆＃34;可访问的富Internet应用程序＆＃34;。

  

网络无障碍是指消除妨碍与残疾人互动或访问网站的障碍的包容性做法。

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元素时，它将读取div的内容，其中id =＆＃34; dLabel＆＃34;