aria-label的作用是什么？

aria-label 属性在网页无障碍（Web Accessibility，简称A11Y）中扮演着至关重要的角色。其主要作用如下：

提供非视觉提示：aria-label 用于为HTML元素提供一个简短、明确的文本描述，这个描述不会在页面上显示出来，但会被屏幕阅读器等辅助技术读取。这意味着视力受损或无法查看屏幕的用户可以理解该元素的功能和目的。
补充或替代可视标签：当元素本身没有合适的可视标签或者标签不能完全表达元素含义时，aria-label 可以提供补充信息。例如，一个仅包含图标的按钮如果没有文本内容，则需要通过 aria-label 来说明按钮的具体功能。
改善可访问性：遵循 WAI-ARIA（Web Accessibility Initiative - Accessible Rich Internet Applications）规范使用 aria-label 能够显著提高网页对键盘操作用户的友好度，以及提升其他各类辅助技术用户的体验。

例如，在HTML代码中：

<button aria-label="关闭窗口" title="点击关闭">
  <i class="fas fa-times"></i>
</button>

在这个例子中，按钮只包含一个“关闭”图标，对于视障用户来说，如果没有 aria-label 或其他相关属性，他们可能无法知道这个按钮的作用。添加了 aria-label="关闭窗口" 后，屏幕阅读器将读出“关闭窗口”，从而使所有用户都能明白此按钮的功能。

__EOF__

本文作者：龙陌
本文链接：https://www.cnblogs.com/longmo666/p/18005646.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！