在可访问的菜单（在 html 中）、选项卡或箭头键中移动焦点的当前最佳实践是什么？

Question

一位同事向我推荐了http://access.aol.com/dhtml-style-guide-working-group/#menu，但我不确定那里的信息是最新的（或过期的！） . 我也尝试过http://www.w3.org/TR/wai-aria/（以及其他一些网站！），但没有看到任何可以回答我的具体问题的内容。

我正在一个网站上工作，其中小部件将焦点放在水平链接列表中的项目上。我想确保允许用户使用 Tab 键定位到菜单的开头，然后使用左右箭头键（而不是 Tab 键）来浏览各个列表项仍然是一种很好的做法。我可以想象有些用户会更喜欢/更轻松地使用每种方法。我想提一下，我已经在屏幕阅读器上测试了该网站，并且它确实口头确认了每个项目。

在此先感谢您的帮助！

Answer 1

你所描述的听起来像一个菜单。在W3C WAI文档说，到菜单栏项目中使用箭头键来浏览项目或下拉列表。

• 按“Tab”键在页面上的元素之间移动。您可以按“Shift-Tab”向后退。
• 要在下拉列表和菜单栏等元素中移动，请按箭头键。

ARIA 创作文档中提供了类似的说明：

• 焦点在菜单项上时的键盘操作
• 左箭头：打开下一个下拉菜单并选择第一项
• 右箭头：打开上一个下拉菜单并选择第一项
• 向上箭头：选择上一个菜单项
• 向下箭头：选择下一个菜单项
• Enter：调用选定的项目并关闭菜单
• 空格：调用所选项目并关闭菜单
• Esc：关闭菜单并将焦点返回到菜单栏