在 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 (将#修改为@)