【发布时间】:2013-02-01 05:55:36
【问题描述】:
我已经搜索了使下拉菜单键盘可访问并找到了一些演示,但仍然没有让我满意。
查看菜单结构:http://www.heart.org/HEARTORG/GettingHealthy/GettingHealthy_UCM_001078_SubHomePage.jsp
【问题讨论】:
标签: drop-down-menu accessibility
我已经搜索了使下拉菜单键盘可访问并找到了一些演示,但仍然没有让我满意。
查看菜单结构:http://www.heart.org/HEARTORG/GettingHealthy/GettingHealthy_UCM_001078_SubHomePage.jsp
【问题讨论】:
标签: drop-down-menu accessibility
首先,它不仅关乎菜单可通过键盘导航,还关乎菜单本身的键盘可访问性。
正如WAI-ARIA 所述,应该可以识别页面区域并使键盘用户能够轻松地在区域之间移动,而不必多次按 Tab。这就是 ARIA 的标志性角色:应用程序、横幅、补充、内容信息、主、导航、表单、搜索、树、树视图等的用途。
现代用户代理提供 ARIA 支持:Firefox、Opera、Safari、Internet Explorer 8/9 JAWS、Window-eyes、NVDA、VoiceOver。
Web Accessibility 杰出人物 Steve Faulkner 在a a 2009 blog post 中声称“许多流行的 Javascript UI 库正在为其小部件和组件添加 WAI-ARIA 支持”。 jQuery 计划从 2.0 开始支持 ARIA,但尚未为任何工作版本提供支持;我已经测试了自己Google Web Toolkit's Menu Bar sample,它支持 ARIA,允许键盘导航。您可以查看您最喜欢的 Javascript 库以获取 ARIA 支持...
如果您想自己编写菜单树代码,Open Ajax Alliance 的this treeview example 可能会帮助您。
【讨论】: