html - JAWS 表格导航快捷键和自定义实现的导航键(即箭头键)之间的冲突

标签 html html-table accessibility jaws-screen-reader keyboard-navigation

JAWS 表格导航快捷键和自定义实现的导航键(即箭头键)之间的冲突

我正在尝试使 HTML 表格可以使用键盘访问并使用 JAWS 屏幕阅读器进行阅读。

为了让它可以通过键盘访问,我正在做以下事情: - 在表格单元格上为箭头键(左、右、上、下)添加了按键事件

为了使 JAWS 可读,我正在做以下事情: - 添加标题,表格摘要 - 添加 scope=col 到表头 - 添加了 ARIA 角色,如 Application、row、grid、gridcell

在不使用 JAWS 的情况下运行页面时,键盘导航工作正常。 如果使用 JAWS 快捷方式,JAWS 也可以很好地阅读表格。

当它与 JAWS 一起运行时,自定义实现的键盘导航无法正常工作。 要使用自定义实现的键盘导航(即箭头键)将焦点移动到不同的单元格,我使用了 INSERT + 3 键,然后是箭头键。 这会将焦点移动到不同的单元格,但不会更改 JAWS 当前的单元格焦点。因此,当 JAWS 读取时,它会读取实际聚焦单元格以外的单元格。

示例页面 URL:http://test.cita.illinois.edu/aria/grid/grid1.php 上面的页面支持自定义键盘导航(即箭头键)。尝试使用 JAWS 阅读以上页面。

请帮助使其键盘可访问,同时 JAWS 可读。

感谢您的帮助!


非常感谢您的快速回复!你提供的信息非常好。

但是我对此没有更多疑问。如果您能提供帮助,那就太好了。

  1. JAWS 支持各种游标,例如 Virtual PC Cursor、PC Cursor、JAWS Cursor。 据我所知,当我们指定 role="application"时,JAWS 在 PC Cursor 上运行,并且网站中提供的任何功能都可以使用提供的击键来使用。 我特别想通过 HTML Table 实现的功能是,用户应该能够使用箭头键进行导航,并且 JAWS 应该阅读当前聚焦的内容。 所以这里的疑问是为什么 JAWS 不读出当前聚焦的内容 in PC Cursor。(在 html 表格中它可以是当前聚焦的单元格)。

  2. 如果您能解释 JAWS 用户如何理想地使用使用 JAWS 的网站(特别是在 HTML 表格中呈现的信息),将会很有帮助。

  3. 我有一个具有以下功能的复杂表格,我希望它可以通过键盘访问并由 JAWS 读取:

    • 带有展开/折叠图标的表格。单击展开/折叠图标或按键盘上的 +/- 嵌套表格应该对用户可见。
    • 表格的每一行都有一些操作项,按下一个键或点击它应该执行一个操作。 (比如每一行都显示唯一的产品信息,用户可以通过按某个键或单击按钮来购买(操作项目)。)
  4. 我尝试使用 dojo 网格,它提供了使用键盘箭头键进行导航的功能,并且有一个 JAWS 快捷方式可以读出当前聚焦的单元格,即 INSERT + 向上箭头。

最佳答案

尝试将 role="application"添加到表格或周围元素。

关于html - JAWS 表格导航快捷键和自定义实现的导航键(即箭头键)之间的冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6855708/

相关文章:

html - 在 html5 中使用 ul li 两次

accessibility - 当她表弟只能移动眼睛时,我该如何与他表兄沟通?

javascript - 从 JS 中的 URL 解析 JSON 文件返回 null

javascript - 在单独的工作表中将 HTML 表格导出到 Excel (.xls)

html - Css 位置相对或绝对可变高度

html - 使用 ARIA 将 HTML 文本标记为装饰性的正确方法

android - 在包 'accessibilityEventTypes' 中找不到属性 'android' 的资源标识符

html - 固定导航与下拉

javascript - 根据动态内容动态调整div的大小?

python - 提取两个 P 之间的文本