0

是否可以使用 JAWS 用户的箭头键(上/下)使用键盘导航到下拉菜单?

这是代码:

 <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>

步骤:
1. 打开 JAWS 15.0
2. 关注带有下拉菜单的按钮
3. 按 enter 键
4. 按 Up/Down 键移动焦点

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

实际结果:
1. JAWS 启动后焦点不可见
2. JAWS 未启动时焦点可见

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

4

2 回答 2

0

通过键盘按下“向上”或“向下”按钮时,防止虚拟光标模式被激活的一个好方法是在父元素中使用roleof 。application

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

<div role="application">
    <div class="btn-group" role="group">
        ...
    </div>
</div>
于 2014-12-22T00:18:49.143 回答
0

尝试为您的下拉选项 li 元素赋予一个角色 o menuitem。

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

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

我确实有一些代码可以令人满意地处理这个问题,我记得其中一个是为我修复它的。我会去具体找出哪个,如果不是两者。

HTH。

于 2014-12-22T11:56:01.210 回答