Question

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

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

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

谢谢！

Answer 1

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

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

来自docs：

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