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

Question

Imagine, I have a <div> with aria-label as "Read this" ( aria-label is added at runtime). Inside the <div> , I have a <span> with text "do not read this".

Now what Jaws is doing is, it reads both the text ("Read this" and "do not read this").

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

The expectation is to only read "Read this". Is there anyway to restrict screen readers to force stop reading a text?

Answer 1

aria-hidden="true" is the thing you want

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

Note that not all screenreaders will read the aria-label on a div element and that it will result in a blank element

Answer 2

works for JAWS 2018, chrome 72:

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