微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在 JAWS 的 jquery 中重新绑定 role="application" 中的箭头键

如何解决在 JAWS 的 jquery 中重新绑定 role="application" 中的箭头键

我正在尝试通过 jquery 重新绑定箭头键(向上和向下),同时在一个角色=“应用程序”的代码块中。我特别希望在 JAWS 中进行测试时这样做。我知道你只能以有限的方式使用 role="application" 并且我有一个错误,这是唯一的前进方式。我的标签工作正常。我正在尝试使用不同的焦点顺序和箭头键顺序。我的 HTML 不是语义的,这就是为什么我试图重做箭头顺序(在这种情况下我不能使它具有语义,所以这不是一个选项)。

这是我的 jquery(简化版)

$('.open').on('keyup',function (e) {
   if (e.which === 13) {
     $('.next').focus();
   }else if (e.which === 40) {
      e.stopPropagation();
      e.preventDefault();
      console.log('work');                                
   } 
   })

HTML(简体)

<li role="application">
  <a href="#/" tabindex="0" class="open">
  </li>
  <!-- there is HTML between these two code blocks-->
  <section class="next">
  <p class="first-arrow">opening</p>
</section>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。