NVDA屏幕阅读器忽略Bootstrap`sr

我们有一个Web应用程序,我们正在努力使其更易于使用,并且我们发现,使用NVDA屏幕阅读器时,它忽略了我们用Bootstrap 3的sr-only css类标记的所有文本。

根据WebAIM,现代屏幕阅读器应该识别并阅读文本。 但是,如果我可以看到文字,我只能让NVDA识别文字。 只要我调整CSS(剪辑,溢出等)并且它变得可见,NVDA就会开始提取它。

所以left: -10000px显示left: -10000px的文本left: -10000px ,屏幕阅读器将无法识别它。 我想知道在我开始将所有文字从屏幕上移开之前是否有什么我不见了。

提前致谢!

UPDATE

我们正在使用NVDA 2017.1在Chrome(v58.0.3029.110)和Firefox(v52.0.2)上进行测试。 您可以在我们的实时网站上自行尝试。 我们主要关注位于页面中间阅读部分顶部的“下一页/上一页/首页/展开屏幕”按钮。

我们正试图使这些按钮变得可访问

经过一些额外的测试后,我们注意到NVDA在浏览时会在Chrome和Firefox上读取文本,但在鼠标与按钮交互时不会。 我们刚刚尝试了微软Edge,并且这似乎是完美的工作(去图)...

链接地址: http://www.djcxy.com/p/50487.html

上一篇: NVDA screen reader ignores Bootstrap `sr

下一篇: Can screen reader like JAWS read jGrowl message?