aria-label属性

发布时间 2023-08-29 08:46:56作者: 大呆瓜hh

aria-label是一个用于为元素提供描述的属性。这个描述旨在帮助屏幕阅读器用户理解该元素的目的或功能。它通常用于那些没有文本标签或标题的元素,例如图标按钮或图像。

举个例子,假设你有一个按钮,上面只有一个搜索图标,没有显示任何文本。对于无障碍用户来说,在没有文本的情况下,他们无法确定按钮的目的是什么。这时,你可以使用aria-label属性来提供一个描述,让屏幕阅读器用户知道按钮的功能是进行搜索。

以下是一个代码示例,展示了如何在一个按钮上使用aria-label属性:

<button type="button" aria-label="点击开始搜索">
  <i class="fa fa-search"></i>
</button>

在这个示例中,aria-label属性的值设置为"点击开始搜索",这样屏幕阅读器用户就知道这个按钮的功能是进行搜索。