html - Jaws 的可访问性变化

Question

我有一张图片

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

它被JAWS 读取为 LINK GRAPHIC，我必须让 JAWS 读取为Sample Image。

Answer 1

你为什么要尝试让 JAWS 阅读一些特别的东西？
重要的部分是您的页面提供给用户的信息和内容。这个内容的目的是什么？
只有这样，才能验证屏幕阅读器是否以正确的方式读出信息。a>img是链接图形；JAWS 是正确的。

瑞恩的笔记

有两种方法可以得到它：

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

Answer 2

用不可见的内容标记包裹您的文本，并通过以下方式从 JAWS隐藏 img-tagaria-hidden：

 <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/