如何限制屏幕阅读器不阅读特定文本?

Question

想象一下，我有一个<div>，aria-label为"阅读这个"(aria-label是在运行时添加的(。在<div>里面，我有一个带有文字"不要阅读此内容"的<span>。

现在 Jaws 正在做的是，它同时读取文本("阅读此内容"和"不要阅读此内容"(。

<div aria-label="Read this">
<span>Do not read this</span>
</div>

期望只阅读"阅读此内容"。有没有办法限制屏幕阅读器强制停止阅读文本？

Answer 1

aria-hidden="true"是你想要的

<div aria-label="Read this">
<span aria-hidden="true">Do not read this</span>
</div>

请注意，并非所有屏幕阅读器都会读取div元素上的aria-label，并且会导致空白元素

Answer 2

适用于 JAWS 2018，chrome 72：

<div role="text" aria-label="Read this">
Do not read this
</div>