HTML-Aria-label不接受锚标记

Question

我正在尝试应用Aria标签，但是当我尝试对其进行STQC验证时会抛出错误。

  

2.4.4链接目的（在上下文中）

     

WAI-ARIA的“ aria-label”属性应描述它们所标记的链接，因为“ aria-label”将覆盖其他链接文本。

这是我的示例代码

<li>test1
  <a  href="/test/abc/0219/test.pdf" aria-label="-detail for abc" title="test"  target="_blank">-Click here</a>
</li>

Answer 1

该属性旨在帮助辅助技术（例如屏幕阅读器）将标签附加到其他匿名HTML元素上。

aria标签的作用大致相同，但适用于在屏幕上显示标签不实际或不理想的情况。以MDN example：

<button aria-label="Close" onclick="myDialog.close()">X</button>

大多数人都可以直观地推断出此按钮将关闭对话框。使用辅助技术的盲人可能会听到“ X”声，这在没有视觉提示的情况下意义不大。 aria-label明确告诉他们该按钮将执行的操作。

Answer 2

aria-label可以与a元素一起使用。不确定提及STQC时指的是什么，但可以看到描述性的list of elements that can be used with aria-label