如何限制屏幕閱讀器不閱讀某些文本？

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>