我根本无法得到这个问题的答案。WCAG 说它可以通过aria-hidden
标签来完成,但我读过它不适用于许多屏幕阅读器。
不知道如何display:none
才能帮助隐藏一些仅适用于屏幕阅读器的文本(=对 SR 以外的其他设备可见)。这也不清楚如果屏幕阅读器display:none
不支持 css 将如何处理。
是否有任何技术或最佳实践或任何我可以用来为屏幕阅读器隐藏一些文本的方法?
我根本无法得到这个问题的答案。WCAG 说它可以通过aria-hidden
标签来完成,但我读过它不适用于许多屏幕阅读器。
不知道如何display:none
才能帮助隐藏一些仅适用于屏幕阅读器的文本(=对 SR 以外的其他设备可见)。这也不清楚如果屏幕阅读器display:none
不支持 css 将如何处理。
是否有任何技术或最佳实践或任何我可以用来为屏幕阅读器隐藏一些文本的方法?
抱歉,最佳做法是使用aria-hidden
属性。屏幕阅读器忽略 ARIA 属性的用户应该更换他们的软件。
aria-hidden
应该用于向屏幕阅读器隐藏页面上任何不可聚焦的内容。所有主要的屏幕阅读器当前版本都支持这一点。
为了满足 WCAG 2 AA的要求,一项功能只需要在通用或至少一种广泛分布的免费辅助技术上得到支持。Windows 上的 NVDA 和 Firefox、OS X 和 iOS 上的 VoiceOver 以及 Android 上的 Firefox 对讲都支持此功能。