Drop down menu 使用JAWS在引导下拉菜单中启用箭头键导航

Drop down menu 使用JAWS在引导下拉菜单中启用箭头键导航,drop-down-menu,twitter-bootstrap-3,accessibility,jaws-screen-reader,Drop Down Menu,Twitter Bootstrap 3,Accessibility,Jaws Screen Reader,对于JAWS用户,是否可以使用键盘上的向上/向下箭头键导航到下拉菜单 代码如下: 下拉列表 当通过键盘按下向上或向下按钮时,防止虚拟光标模式被激活的一个好方法是在父元素中使用应用程序的角色 如果使用Javascript控制元素之间的导航,请尝试以下操作: ... 尝试为下拉选项li元素指定menuitem角色 至少在NVDA中,我相信,它的工作原理非常相似,遇到这样的下拉菜单会触发它进入Jaws称之为forms模式的模式,这意味着您可以使用箭头键 如果这不起作用,请尝试在单击菜单第一个li上的

对于JAWS用户,是否可以使用键盘上的向上/向下箭头键导航到下拉菜单

代码如下:

下拉列表
当通过键盘按下向上或向下按钮时,防止虚拟光标模式被激活的一个好方法是在父元素中使用应用程序的角色

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

...
尝试为下拉选项li元素指定menuitem角色

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

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

我确实有一些代码可以令人满意地处理这个问题,我记得其中一个就是为我解决这个问题的。我会去查清楚哪一个,如果不是两个都查的话


HTH.

但使用应用程序模式时要轻松。人们可能不会期望失去对浏览器的控制。