防止屏幕阅读器阅读HTML页面中的某些文本

Question

我使用某些文字代替图标或图像，我不想使用JAWS等屏幕阅读器向用户宣读。我怎么能阻止这个？我曾尝试aria-hidden，但仍然会读出内容。是否有任何有效的方法可以防止屏幕上的某些文字被读出来？

Answer 1

有多种方法可以做到这一点。如果它只是一个图像，那么以下任何一个将导致图像消失给屏幕阅读器用户：

<img src="whatever.ext" alt=""/>
<img src="whatever.ext" role="presentation" />

当然，你也可以加倍加倍，以明确你的意思

<img src="whatever.ext" role="presentation" alt="" />

这些也适用于严格符合ARIA标准但尚未在所有浏览器中测试过的新版浏览器

<img src="whatever.ext" aria-label="" />
<img src="whatever.ext" aria-hidden="true" />
<img src="whatever.ext" title="" />