javascript - 仅为屏幕阅读器隐藏文本

标签 javascript html css accessibility wcag2.0

我根本无法得到这个问题的答案。 WCAG 说它可以通过 aria-hidden 标签来完成,但我读到它在许多屏幕阅读器上都不起作用。

无法理解 display:none 如何帮助隐藏一些文本 供屏幕阅读器使用(=对除 SR 以外的其他设备可见)。这也不清楚如果屏幕阅读器不支持 css,它将如何处理 display:none

是否有任何技术或最佳实践或任何我可以用来为屏幕阅读器隐藏一些文本的东西?

最佳答案

抱歉,最好的做法是使用aria-hidden 属性。使用忽略 ARIA 属性的屏幕阅读器的用户应该更改他们的软件。

关于javascript - 仅为屏幕阅读器隐藏文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34963409/

相关文章:

javascript - Extjs 4.2.1 XTemplate 子元素的日期格式仅在 IE 上显示 NaN

javascript - 如何在 Python 中解析 Javascript 正则表达式?

html - 我是否需要使用 "text-align"以外的其他属性来使我的 DIV 在 DIV 中居中?

jQuery Noob,列出问题

html - Bootstrap 在容器中居中响应 img

javascript - 更好的 Ajax 设计用另一个 div 替换 div

javascript - 一段 Javascript 代码导致浏览器出现不可预测的崩溃

html - 如何为背景创建剪贴蒙版?

html - 无法按我想要的方式操作 div

php HSL配色方案: Making a legend