aria-label是一个用于为元素提供描述的属性。这个描述旨在帮助屏幕阅读器用户理解该元素的目的或功能。它通常用于那些没有文本标签或标题的元素,例如图标按钮或图像。
举个例子,假设你有一个按钮,上面只有一个搜索图标,没有显示任何文本。对于无障碍用户来说,在没有文本的情况下,他们无法确定按钮的目的是什么。这时,你可以使用aria-label属性来提供一个描述,让屏幕阅读器用户知道按钮的功能是进行搜索。
以下是一个代码示例,展示了如何在一个按钮上使用aria-label属性:
<button type="button" aria-label="点击开始搜索">
<i class="fa fa-search"></i>
</button>
在这个示例中,aria-label属性的值设置为"点击开始搜索",这样屏幕阅读器用户就知道这个按钮的功能是进行搜索。
标签:aria,按钮,label,搜索,阅读器,属性 From: https://www.cnblogs.com/hellohui/p/17663811.html