2015-03-19 93 views

回答

1

可以以可访问的方式呈现上下文菜单。它可能会创造一些额外的工作。

Web Accessibility: "Standalone, attached, and context menus"

在HTML说明书中,没有组件存在允许开发者定义或者上下文或连接菜单。大多数情况下,开发人员通过一系列通过JavaScript动态显示和定位的图层来实现菜单功能。这导致菜单系统易于通过鼠标使用,但可能难以从键盘使用。此外,访问菜单结构涉及重大的客户端内容变化,这在辅助技术中往往得不到很好的支持。

为了解决这些问题,开发人员必须确保附加菜单清晰地显示给用户,并确保所有菜单在键盘上正常工作。对于包含附加菜单的主要元素,其文本表示应包含一个清晰的词组,如“附加菜单”。这向用户指示附加的菜单存在,并且可以以标准方式访问该表单。对于表单元素,这可以通过显式标签的标准方法完成,可以通过标题属性或标签元素来完成。如果使用单独的元素来触发附加菜单,则触发元素的文本表示应该包含主元素的名称,以便明确菜单相关的内容。

请参阅链接网站以获取有关使上下文菜单可访问的更多详细信息和指南。

+0

感谢您的回复 - 我阅读文章并了解我需要处理焦点和标签顺序。但是,实际上右键单击访问是否有问题? – NinaNa 2015-03-19 13:21:49

+0

是的。只有使用鼠标的任何东西本质上都不适用于那些只使用键盘的人。 “开发人员必须确保......所有的菜单都能在键盘上正常工作。” – 2015-03-19 13:24:41

+2

有关使用ARIA标记创建可访问菜单的示例,请参阅http://www.w3.org/WAI/GL/wiki/Using_ARIA_menus(ARIA是用于增强交互式小部件可访问性的W3C标准) – ckundo 2015-03-22 14:45:40

0

您可以做的最好的事情是提供一个额外的按钮,将打开菜单

该按钮必须完全可见(用于触摸屏,眼睛跟踪设备),完全描述(用于屏幕阅读器),并且可以从键盘和鼠标完全操作。

如果没有可见和明确的信息,点击/按键将打开一个无法访问的菜单。

您也可以在完整的tr上添加一个“右键点击”事件来打开菜单以获得最快的操作,但它应该用作按钮的补充,更多的指向人体工程学而不是辅助功能。