什么是aria-label标签
aria-label 属性指定标记当前元素的字符串。
它帮助辅助技术将标签添加到 HTML 元素，否则该标签是匿名的。
众所周知，标签很重要，因为它们可以帮助我们在元素与其描述之间建立逻辑联系。
例如，在 HTML <input> 元素的情况下，我们可以使用 <label> 元素来指定 <input> 的内容。
但是，当没有可以用作标签的元素时，我们可以使用 aria-label 属性。
默认情况下，HTML 元素使用其文本内容作为可访问性标签。
当元素具有 aria-label 属性时，可访问名称成为字符串，它在属性中传递。
如果存在标记元素的可见文本，而不是 aria-label，则可以使用 aria-labelledby 属性。
如何使用 aria-label
我们可以对典型的 HTML 元素使用 aria-label 属性。
例如，让我们看看如何将 aria-label 与 HTML <button> 元素一起使用。
在 <button> 标签上使用 aria-label 属性的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<button aria-label="Close" onclick="myDialog.close()">X</button>
</body>
</html>
其中 <button> 的样式类似于普通的“关闭”按钮。
由于没有任何指示按钮的用途，我们使用了 aria-label 属性，它为辅助技术提供标签。
让我们看另一个例子，我们在 <a> 元素上使用 aria-label。
在 <a> 标签上使用 aria-label 属性的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<a href="#" class="more-link" aria-label="阅读更多">more</a>
</body>
</html>
日期：2020-06-02 22:15:13 来源：oir作者：oir