是否可以阻止某些文本的屏幕閱讀器？

Question

我在屏幕上有一些文字描述它旁邊的按鈕。 該按鈕上還有一個詠嘆調標簽，上面有更多關於它的作用的描述性指示。

視障用戶不需要閱讀屏幕上的文本，因為 aria-label 包含按鈕功能的完整上下文。

是否有一種方法可以指示屏幕閱讀器不應閱讀屏幕文本？ 它所做的只是給查看我的頁面的視障人士添加混亂。

謝謝！！

Answer 1

您可以在按鈕上使用aria-hidden來實現此目的。

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

從文檔：

將 aria-hidden="true" 添加到元素會從可訪問性樹中刪除該元素及其所有子元素。 這可用於隱藏重復的內容，例如重復文本，以改善輔助技術用戶的體驗