我们有一个网络应用程序,我们正在努力使其更易于访问,我们发现在使用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上自行尝试。我们主要关注位于页面中间阅读部分顶部的下一个/上一个/主页/扩展屏幕按钮。
经过一些额外的测试后,我们注意到NVDA在标签时读取Chrome和Firefox上的文字,但是当鼠标与按钮交互时则不会。我们也尝试了Microsoft Edge,这似乎完美无缺(去图)...