html - 如何限制屏幕阅读器不阅读特定文本？

Question

想象一下，我有一个 <div>与 aria-label作为“阅读此”( aria-label 在运行时添加)。 <div>里面, 我有一个 <span>带有文字“不要读这个”。

现在 Jaws 正在做的是，它读取文本(“阅读这个”和“不要阅读这个”)。

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

期望只阅读“Read this”。无论如何限制屏幕阅读器强制停止阅读文本？

Answer 1

aria-hidden="true" 就是你想要的东西

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

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