我们有一个 Web 应用程序,我们正在努力使其更易于访问,我们发现当使用NVDA 屏幕阅读器时,它会忽略我们用 Bootstrap 3 的sr-only
css 类标记的所有文本。
根据WebAIM的说法,现代屏幕阅读器应该能够识别和阅读文本。但是,如果我能看到文本,我只能让 NVDA 识别文本。一旦我调整 CSS(剪辑、溢出等)并且它变得可见,NVDA 就会开始拾取它。
没有我用 显示文本left: -10000px
,屏幕阅读器将无法识别它。在开始将所有文本移出屏幕之前,我想知道是否缺少某些东西。
提前致谢!
更新
我们正在使用 NVDA 2017.1 在 Chrome (v58.0.3029.110) 和 Firefox (v52.0.2) 上进行测试。您可以在我们的实时网站上亲自尝试。我们的主要重点是位于页面中间阅读部分顶部的下一个/上一个/主页/展开屏幕按钮。
经过一些额外的测试后,我们注意到 NVDA 在 Chrome 和 Firefox 上按选项卡时会读取文本,但在鼠标与按钮交互时不会。我们也刚刚尝试过 Microsoft Edge,它似乎可以完美运行(去图)......