是否可以为某些文本屏蔽屏幕 reader?
Is it possible to block a screen reader for certain text?
屏幕上有一些描述旁边按钮的文字。该按钮上还有一个 aria-label,更详细地说明了它的作用。
视障用户无需阅读屏幕上的文字,因为 aria-label 包含按钮功能的完整上下文。
是否有一种方法可以指示屏幕阅读器不应阅读屏幕上的文字?它所做的只是让浏览我页面的视障人士感到困惑。
谢谢!!
您可以在按钮上使用 aria-hidden
来实现此目的。
<button aria-label="...">
<span aria-hidden="true">Some text</span>
</button>
来自docs:
Adding aria-hidden="true" to an element removes that element and all of its children from the accessibility tree. This can be used for hiding duplicated content such as such as repeated text to improve the experience for assistive technology users
屏幕上有一些描述旁边按钮的文字。该按钮上还有一个 aria-label,更详细地说明了它的作用。
视障用户无需阅读屏幕上的文字,因为 aria-label 包含按钮功能的完整上下文。
是否有一种方法可以指示屏幕阅读器不应阅读屏幕上的文字?它所做的只是让浏览我页面的视障人士感到困惑。
谢谢!!
您可以在按钮上使用 aria-hidden
来实现此目的。
<button aria-label="...">
<span aria-hidden="true">Some text</span>
</button>
来自docs:
Adding aria-hidden="true" to an element removes that element and all of its children from the accessibility tree. This can be used for hiding duplicated content such as such as repeated text to improve the experience for assistive technology users