Jaws的无障碍性变化

Question

我有个形象

<a href="#"> <img src="sample.jpg" alt="sample"> </a>

它是作为链接图形通过JAWS读取，我必须使JAWS读取为样例图像。

Answer 1

你为什么要让下巴读一些特别的东西？

重要的部分是您的页面提供给用户的信息和内容。这些内容的目的是什么？

只有这样，才能验证屏幕阅读器是否以正确的方式读出信息。a>img是一个链接图形；JAWS是正确的。

瑞安笔记

有两种方法可以做到这一点：

1. 确保用户处于具有特定设置的专家模式中。要求用户调整他们的设置，使您的网站读得更好，可能不会发生。
2. 编写JAWS脚本，以某种方式解释<a><img>。_See #1，_

Answer 2

用不可见内容标记包装文本，通过aria-hidden隐藏JAWS中的img标记。

 <a href="#">
    <div style="font-size: 0; line-height: 0;">JAWS reads this text</div>

    <img src="sample.jpg" alt="sample" aria-hidden="true">
 </a>

创建不可见内容的更多方法可以在这里找到：https://webaim.org/techniques/css/invisiblecontent/