html - 如何从屏幕阅读器中跳过某些内容

Question

我想跳过屏幕阅读器阅读的一些内容。考虑这个 html

<div id="test" aria-labelledby="test>
   ...
   <div aria-hidden="true">Dont read this content. This content will be loaded from javascript</div>
   ...
</div>

虽然为 div 设置了 aria-hidden=true，但内容是由屏幕阅读器读取的。请帮助跳过此内容

Answer 1

您的代码看起来不错，您如何测试它？

并非所有浏览器/屏幕阅读器都支持这一点。

尝试设置 style="display:none;"因为目前这可能会得到更广泛的支持。