【问题标题】:I want to make my dropdown menu keyboard accessible?我想让我的下拉菜单键盘可以访问吗?
【发布时间】:2013-02-01 05:55:36
【问题描述】:

我已经搜索了使下拉菜单键盘可访问并找到了一些演示,但仍然没有让我满意。

查看菜单结构:http://www.heart.org/HEARTORG/GettingHealthy/GettingHealthy_UCM_001078_SubHomePage.jsp

【问题讨论】:

    标签: drop-down-menu accessibility


    【解决方案1】:

    首先,它不仅关乎菜单可通过键盘导航,还关乎菜单本身的键盘可访问性。

    正如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 可能会帮助您。

    【讨论】:

    • 树视图菜单样式示例对我没有帮助。我已经举了很多这样的例子,它们是树视图!顺便说一句感谢的建议。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-04-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多