javascript - RIA 中跨浏览器的键盘快捷键约定、可访问性

Question

创建基于浏览器的单页浏览器 RIA。想要广泛使用键盘快捷键。起初，我的重点是专业用户，他们喜欢点击的替代方案，并希望它可以在各种浏览器中工作。通过研究，我现在看到了一整套关于支持一般无障碍设施的文献，恐怕这可能会成为一篇硕士论文，而不是一天的工作。

是否有关于哪些键的简明指南

• 可以跨浏览器使用(例如，不要覆盖 Mac 上的 Cmd+W 或 Windows 上的 Ctrl+P)
• 通常用于某些目的(例如 Cmd+Z/Ctrl+Z = 撤消是一个明显的目的)
• 符合通用无障碍标准

例如，如果我不熟悉所有浏览器或具有不同功能的替代设备，如果我可以查看网格以确保我不会意外疏远一群原本满意的用户，那就太好了。

我可以找到很多关于按键映射机制的链接(Mousetrap.js 简单有效，顺便说一句)，但关于跨浏览器和人类可用性部分的约定/指南/标准的链接不多，例如这些链接:

• Mousetrap.js
• KeyMap.js
• 所以:Javascript keyboard shortcuts for web application
• 所以:which is the best Javascript Keyboard event library.(Hotkeys,Shortcuts )
• 所以:Robust keyboard shortcut handling using JavaScript
• 所以:Is there an open source library JS for keyboard binding in the browser?

如果重要的话，jQuery(或任何其他有用的库)就可以。

Answer 1

DHTML 样式指南根据各个利益相关者的意见而开发，为各种 RIA 小部件推荐了键盘模型: http://dev.aol.com/dhtml_style_guide/

这些已被 W3C 的 WAI-ARIA 1.0 最佳实践采用: http://www.w3.org/WAI/PF/aria-practices

展望 future ，我认为遵循这些建议对我们所有人都很重要。如果我们都达成共识，就会减少冲突的可能性，并最大限度地减少用户必须记住的独特键盘型号的数量。