html - NVDA 在 Firefox 上从父级聚焦时不会读取第一个 HTML 子级

标签 html firefox accessibility screen-readers nvda

当在 Firefox 上使用 NVDA 时,当从容器聚焦时它无法读取第一个 child ,但它能够读取第二个 child 。

一般示例:

<div class="container" tabindex="0">
  <div class="child" aria-label="Child 1" tabindex="0">Child 1</div>
  <div class="child" aria-label="Child 2" tabindex="0">Child 2</div>
</div>

.container 获得焦点时,您点击 tab 以聚焦“Child 1”,NVDA 不会读取“Child 1”,而是保持沉默。如果您再次点击 Tab,NVDA 会显示“Child 2”。

这可以在带有 ChromeVox 插件的 Chrome 上正确读取。

这是一个代码笔:http://codepen.io/anon/pen/WGyxom

当从 .container 聚焦时,我是否缺少一些允许 NVDA 读取“Child 1”的配置?

最佳答案

如果我没理解错的话,我认为您描述的可能是 NVDA 中的错误。以下是 Github 上描述此行为的两个错误报告的链接。根据评论链的回应,这听起来像是“有意”的:

This would be causing NVDa to read the entire page when it loads and therefore probably leaving focus on the final focusable node. Note that this is not really an issue for most users as they are well aware that focus will move because of the sayAll.

https://github.com/nvaccess/nvda/issues/5230 https://github.com/nvaccess/nvda/issues/3575

关于html - NVDA 在 Firefox 上从父级聚焦时不会读取第一个 HTML 子级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40003613/

相关文章:

php - Wordpress div 未显示在站点的本地主机版本上

javascript - 如何在 javascript 中隐藏损坏的图像?

javascript - 单击时动态禁用/启用 Bootstrap 下拉菜单中的链接

javascript - 防止 Firefox 打开被阻止的弹出窗口

javascript - 我怎样才能说服 Firefox 重绘 CSS 伪元素?

javascript - bootstrap 下拉列表 - 文本在选择时不会改变

javascript/ Selenium : get the window from the document object

html - 灯塔错误 : "Buttons do not have an accessible name"

css - 语义 HTML5 结构与 CSS 布局需求

android - 辅助功能服务未在服务中列出?