是否可能为某些文本阻止屏幕阅读器？

Question

我在屏幕上有一些文字描述它旁边的按钮。该按钮上还带有一个aria标签，以更加说明性地说明其功能。

视力障碍的用户不需要阅读屏幕上的文本，因为aria标签保留了按钮功能的全部上下文。

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

谢谢！

Answer 1

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

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

从docs：

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