2

我有一个客户需要符合 ADA 标准。我们在使用 IE9 和 JAWS 屏幕阅读器时发现了一个问题。我们设置了一个 jQuery 函数，当用户Tab按下按钮并点击时，滚动到页面上的另一个元素Enter。这是功能：

jQuery('#ball_i5nqtjcVVB0CxYBJICklS6w').keypress(function(event) {
    if (event.keyCode == 13) {
        jQuery("#headofcurve").focus();
        scrollTo("form");
        liveballTag('Learn More');
    }
});

问题是当 JAWS 运行时，击中Enter没有任何作用。我必须点击Shift+Enter才能滚动到正确的部分并开始阅读。

4

1 回答 1

4

这是正常行为。这是因为 JAWS（以及大多数其他现代屏幕阅读器，顺便说一句）处理网页和其他类似 HTML 的内容的方式。
当用户打开一个网页时，他/她用所谓的虚拟光标观察它。这意味着所有键盘命令都会改变它们在网页上的含义。这样做是为了快速导航。例如，如果您按h，则移动到下一个标题；如果按b，则移至下一个按钮，依此类推。
为了输入内容，您应该处于表单模式。要进入表单模式，您应该在表单元素（例如编辑字段或组合框）上按Enter 。
这就是说，您不能期望 Enter 会像您习惯在没有运行 JAWS 的情况下那样被处理。

您在这里有两个解决方案：

  1. 将键击更改为从Enter滚动到您的元素，例如Ctrl+Enter（我建议选择另一个，因为Ctrl+Enter用于在大量信使和其他类似软件中发送消息）。
  2. 将 ARIA 角色分配application给页面的一部分。如果 JAWS 遇到该application角色，它会将所有键盘命令传递给网页本身。但是要非常小心这种模式，因为 W3 联盟建议不要过度使用这个角色。
于 2014-10-29T22:57:19.200 回答