accessibility - NVDA 没有阅读被赋予焦点的内容

标签 accessibility wai-aria nvda

一直在测试无障碍模式窗口,它可以在 IE8 上与 JAWS 13 一起正常工作。但是,当我使用 NDVA 并在 IE8 或 Firefox 上进行测试时,无法读取焦点内容。

当显示模式时,它具有 aria-hidden="false",而页面上的其余内容具有 aria-hidden="true"

此代码有效(“开始阅读”首先阅读重点):

<div id="modalContent" aria-hidden="false">
  <h2>Some Text</h2>
  <div class="offScreen" id="first-focus">read at start</div>
  <p> asdf as df asdf asd fasdf</p>
</div>

但这段代码不会(“在开始时阅读”在获得焦点时不会阅读):

<div id="modalContent" aria-hidden="false">
   <div class="offScreen" id="first-focus">read at start</div> 
   <h2>Some Text</h2>
   <p> asdf as df asdf asd fasdf</p>
</div>

最佳答案

保留工作代码并放置一些没有真正阅读的内容,例如“。”并将 h2 更改为跨度提供了一个可行的解决方案。

关于accessibility - NVDA 没有阅读被赋予焦点的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25654467/

相关文章:

javascript - Angular 7 - 生产模式 : I can't navigate through page using the tab key

jquery - 打开Fancybox-2后,将焦点发送到fancybox窗口

javascript - 以编程方式模拟点击/更改 aria (netflix) slider 的值

javascript - 当 Angular 改变状态时,如何让屏幕阅读器阅读整个页面?

android - 如何使用无障碍服务从浏览器获取 url

javascript - JAWS/IE11 中的 Keydown 事件未正确触发

javascript - 如何启用CSS光标:pointer (the hand symbol) in mobile/tablet browser (touch screen)

accessibility - aria-controls 做什么 aria-owns 不做什么?

javascript - 键盘辅助功能和辅助技术