html - 阻止屏幕阅读器阅读 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="" />