Question

＆＃13;

<a href="#" role="button" >
    	<span aria-hidden="true"> First</span>
    	<img src="D:/kk.JPG" alt="First name" width="20px" height="20px"/>
</a>

＆＃13;

JAWS将其读作First First name button而不是First name button。

这是Firefox问题吗？如何使用aria-label作为外部锚标记解析。

Answer 1

这里的问题是JAWS本身不考虑这个元素，但它用于计算链接的文本替代。

要解决此问题，您可以尝试从img替代名称中删除冗余文本。

我会猜测图像alt的相关性，因为它位于与其他文本的链接中，因此您不必描述图像，而是描述链接的目的。

当然，如果您没有这样说，我建议使用aria-label。

请参阅以下页面：webaim.org/blog/alt-text-and-linked-images 在上面的示例中，因为链接内的文本提供图像的内容和链接的功能，所以图像本身可以被赋予空的alt值。链接中的图像是非常具体的：您不必考虑图像替代，而是考虑链接替代。

根据WCAG的说法，当图像是链接中唯一的元素时，它应该描述链接的目的。当你在唯一的其他元素上使用aria-hidden = true时，你会遇到这种情况。因此：此图像的alt应描述链接的目的，您必须忘记图像的描述。这就是说，因为这在Jaws / Firefox中不起作用，如果你可以删除冗余部分，那么它是最好的选择

Aria-hidden不适用于Firefox和JAWS中的按钮

1 个答案: