Question

是否可以使用键盘导航到下拉菜单，使用箭头键（向上/向下）为JAWS用户？

以下是代码：

＆＃13;

 <div class="btn-group" role="group">
    <button type="button" class="btn btn-default dropdown-toggle" 
     data-toggle="dropdown" aria-expanded="false">
      Dropdown
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">                    
      <li><a href="#">Dropdown link1</a></li>
      <li><a href="#">Dropdown link2</a></li>
    </ul>
  </div>

＆＃13;

步骤：
1.打开JAWS 15.0
2.专注于带下拉菜单的按钮
3.按确认键
4.按向上/向下键移动焦点

预期结果：
焦点应该是可见的

实际结果：
在JAWS开始后，焦点是不可见的 2.如果JAWS无法启动，则可以看到焦点

http://jsfiddle.net/fewu2/t8q71q8f/

Answer 1

如果虚拟光标关闭（插入+ z），它可以正常工作，其他问题，是否有办法关闭虚拟光标
JAWS通过javascript？

Answer 2

按下＆＃34; up＆＃34;阻止虚拟光标模式激活的好方法或＆＃34; down＆＃34;通过键盘按钮是在父元素中使用role application。

如果您使用Javascript控制<li>元素之间的导航，请尝试以下操作：

<div role="application">
    <div class="btn-group" role="group">
        ...
    </div>
</div>

Answer 3

尝试将下拉选项li元素作为menuitem的一个角色。

至少在NVDA中，我相信，它的工作方式非常相似，遇到这样的下拉菜单会触发它进入Jaws所谓的“表单模式”，这意味着你可以使用箭头键。

如果这不起作用，请尝试在单击该下拉按钮到菜单的第一个li后移动用户的焦点。

我确实有一些代码能够令人满意地处理这个问题，而且我记得其中一个是为我修复它的原因。我会特别找出哪个，如果不是两个。

HTH。

使用JAWS在Bootstrap下拉菜单中启用箭头键导航

3 个答案: