是否可以阻止某些文本的屏幕阅读器？

Question

屏幕上有一些文字描述了它旁边的按钮。该按钮上还有一个 aria-label ，其中包含更多描述性的指示。

视障用户不需要阅读屏幕上的文本，因为 aria-label 包含按钮功能的完整上下文。

有没有一种方法可以指示屏幕上的文本不应该被屏幕阅读器阅读？它所做的只是让查看我页面的视障人士感到困惑。

谢谢！！

Answer 1

您可以在按钮上使用aria-hidden 来实现此目的。

<button aria-label="...">
  <span aria-hidden="true">Some text</span>
</button>

来自docs：

将 aria-hidden="true" 添加到元素会从可访问性树中删除该元素及其所有子元素。这可用于隐藏重复的内容，例如重复的文本，以改善辅助技术用户的体验