javascript - 键盘可访问性和辅助技术

Question

我正在尝试与辅助技术（NVDA）一起实现键盘辅助功能脚本。

我的脚本捕获箭头键按下。代码片段：

$(document).keydown(function(event){    
    var key = event.keyCode || event.which;
    if(key == 40) //capture arrow key down
    {
         //do something evil
    }
}

问题是，辅助技术有自己的键盘绑定。

是否有可能使它们同时工作？

Answer 1

你有一个错误

$(document).on('keydown', function() {
    var key = event.keyCode || event.charCode;
    console.log("key " + key);
});     

注意开

$（文件）。on ('keydown', 函数()

这应该允许您在控制台中查看按键，然后您可以制作自己的按键映射。

Answer 2

NVDA 在 2 种模式下工作：聚焦和浏览。可以使用 NVDA 键切换模式（CapsLock，如果您设置了它/Insert/Numpad Insert）

在 Focus 模式下，控件的焦点就像没有 NVDA 时的焦点一样。与方向键不会有任何冲突。

在浏览模式下，NVDA 使用

• 向上和向下箭头键可导航到表格中的单元格等内容组，从一个输入控件/组件到另一个输入控件/组件，以及
• 左右箭头键按字符读取内容。

在那里，我也没有注意到它会干扰您想要实现的键。

例如，您可以https://www.w3.org/TR/wai-aria-practices/examples/listbox/listbox-scrollable.html使用 NVDA 对这两种模式进行测试。