仅为屏幕阅读器隐藏文本

Question

我根本无法得到这个问题的答案。 WCAG表示可以通过this.format = DPGlobal.parseFormat(options.format||this.element.data('date-format')||dates[this.language].format||'mm/dd/yyyy'); 标签完成，但我已经读过它并没有在许多屏幕阅读器上工作。

无法让aria-hidden帮助隐藏屏幕阅读器的某些文字 （=除了SR以外的其他设备可见）。如果不支持css，屏幕阅读器如何为display:none行事也不清楚。

是否有任何技术或最佳做法或其他任何可用于隐藏屏幕阅读器 的文字？

Answer 1

抱歉，最佳做法是使用aria-hidden属性。屏幕阅读器忽略ARIA属性的用户应更改其软件。

Answer 2

aria-hidden应该用于从屏幕阅读器隐藏页面上任何不可聚焦的内容。所有主要的屏幕阅读器当前版本都支持这一点。

在satisfy WCAG 2 AA之内，只需要在共同或至少一种广泛分发的免费辅助技术上支持一项功能。 Windows上的NVDA和Firefox，OS X和iOS上的VoiceOver以及Android上的Firefox的Talkback都支持此功能。

Answer 3

您还可以使用role="presentation"，根据标记，浏览器和屏幕阅读器，它可能是更好的选择（或更糟）。看看这个好的教程，

HTML5 Accessibility: aria-hidden and role=”presentation”