我的 anchor 标记定义如下:
<a href="www.abc.com">
<div tabindex="0" aria-label="XXXX">
...
<div>
</a>
当前，屏幕阅读器读取 href 的内容在<a>标签。但是，我不想要 href可以阅读，但是aria-label中的内容在 div 。
我想知道实现目标的正确方法是什么？
最佳答案
您的
没有任何语义，因此
aria-label基本上会被忽略。请参阅https://www.w3.org/TR/using-aria/#label-support 。具体来说，倒数第三个要点:
- Don't use aria-label or aria-labelledby on a <span> or <div> unless its given a role.
您不想要tabindex="0"在不可操作/交互的元素上。
只需输入您的 aria-label在 anchor 本身上:
<a href="www.abc.com" aria-label="XXXX">
请注意，如果您的 anchor 链接中有任何可见文本(示例代码中有“...”，所以我不确定那里是否有任何文本)，请确保 aria-label包含相同的文本以及您想要的任何其他文本。如果您不这样做，那么语音界面用户可能无法选择您的链接。
关于html - 停止屏幕阅读器读取 <a> 中的 href，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54396242/