NVDA屏幕阅读器忽略了Bootstrap`sr-only`类

时间:2017-06-02 15:31:41

标签: html css accessibility nvda

我们有一个网络应用程序,我们正在努力使其更易于访问,我们发现在使用NVDA screen reader时它忽略了我们用Bootstrap 3标记的所有文本{{1 } css class。

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

由于我没有用sr-only显示文字,屏幕阅读器无法识别它。在我开始将所有文字从屏幕上移开之前,我想知道是否有我失踪的东西。

提前致谢!

更新

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

buttons we're trying to make accessible

经过一些额外的测试后,我们注意到NVDA在标签时读取Chrome和Firefox上的文字,但是当鼠标与按钮交互时则不会。我们也尝试了Microsoft Edge,这似乎完美无缺(去图)...

0 个答案:

没有答案