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

Question

想象一下，我有一个<div>与aria-label作为＆＃34;阅读本文＆＃34; （在运行时添加aria-label）。在<div>内，我有<span>文字＆＃34;请勿阅读此内容＃34;。

现在Jaws正在做的是，它同时读取文本（＆＃34;阅读本文＆＃34;＆＃34;不读这个＆＃34;）。

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

期望只阅读＆＃34;阅读本文＆＃34;。是否有限制屏幕阅读器强制停止阅读文本？

Answer 1

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

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

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

Answer 2

适用于JAWS 2018，chrome 72：

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