web-applications - 构建可通过键盘访问的 Web 应用程序

Question

您如何构建一个完整的可通过键盘访问的 Web 应用程序？假设这适用于访问受限（不向公众开放）的受控部署环境（用于在组织内使用）。

更新：忘了说这是为了提高数据输入效率，与残疾无关。

更新 2：对整个应用程序使用 Flash 是否有意义？考虑到环境是基于浏览器而不是基于 Web 的？

score 2 · Accepted Answer

好吧，首先，您必须做出强有力的假设才能有机会实现您的目标：

您只需要支持一种浏览器。如果没有，您已经准备好在屁股过程中遇到痛苦，因为所有浏览器都有不同的预定义快捷方式。
您将在受控环境中工作。与上面相同，使用所有这些插件以及向浏览器添加功能的相关工具，避免冲突成为一场噩梦。
您将进行大量用户验收测试！真的很难找到正确的捷径。它必须在键盘上易于访问，有意义，易于用户提醒，最后但并非最不重要的一点是，避免危险的快捷键组合太容易发生。

如果你不满足所有这些点。在继续之前停下来三思而后行，否则你会碰壁。

score 2 · Accepted Answer

我已经广泛使用了这个库

shortcut.add("Ctrl+Shift+X",function() {
    alert("Hi there!");
});

score 1 · Accepted Answer

这有点痛苦。在我处理该要求的项目（银行柜员的柜员系统）中，我们有很多 javascript 监控 key*（keypress、keydown、keyup 等）事件等。这可能不是最好的方法（我们都是该项目 Web 开发的新手——盲人领导盲人），但这是我们的方法。

我们从来没有给他们的东西是能够按回车键在字段之间移动，就像他们能够在他们的旧柜员系统或夏普柜员机上做的那样......

编辑如果 Joel 的团队在 FogzBugz 上做了很多 javascript 来处理它，也许还不错

score 0 · Accepted Answer

Fogbugz中的键盘快捷键功能是我在 Web 应用程序中看到的一些最好的键盘支持。

这显然需要编写大量的 Javascript——我不确定 Joel 是否在任何地方记录了他们的方法。

score 0 · Accepted Answer

0

我问了同样的问题，但得到的答案很少：
键盘快捷键

于 2008-12-12T13:57:04.153 回答

score 0 · Accepted Answer

0

accesskey html 属性

于 2008-12-12T14:16:47.873 回答

6 回答 6