如何限制屏幕阅读器不阅读某些文本？

Question

想象一下，我有一个带有aria-label的<div>作为“ Read this”（在运行时添加了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>