构建键盘可访问的Web应用程序

时间:2008-12-12 13:30:08

标签: web-applications accessibility

如何构建完整的键盘可访问的Web应用程序?假设这是针对受限制的部署环境(在组织内使用),其中访问受到限制(不对公众开放)。

更新:忘了提及这是为了提高数据录入效率,而不是与残疾相关。

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

6 个答案:

答案 0 :(得分:2)

嗯,首先,你必须做出强有力的假设才能有机会实现目标:

  • 您只需要支持一个浏览器。如果没有,您就可以在屁股流程中感到痛苦,因为所有浏览器都有不同的预定义快捷方式。
  • 您将在受控环境中工作。与上面相同,所有这些插件以及为浏览器添加功能的相关工具,都成为避免冲突的噩梦。
  • 您将进行大量用户验收测试!找到正确的快捷方式很难。它必须能够在键盘上轻松访问,有意义地被用户轻松提醒,最后但并非最不重要的是,避免过于轻松地发生危险的快捷方式组合。

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

答案 1 :(得分:2)

我广泛使用了this library

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

答案 2 :(得分:1)

这是一种痛苦。在我为这个要求(银行柜员的柜员系统)工作的项目中,我们有很多javascript监控密钥*(keypress,keydown,keyup等)事件等。这可能不是最好的方式(我们都是项目网络开发的新手 - 盲目领导盲人)但这是我们的方法。

我们永远无法给予他们的是能够按下回车键在他们的旧柜员系统或他们的夏普柜员机上能够在他们之间移动......

编辑如果Joel的团队在FogzBugz上做了很多javascript来处理它,那也许不是那么糟糕

答案 3 :(得分:0)

keyboard shortcut functionality in Fogbugz是我在网络应用程序中看到的最好的键盘支持。

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

答案 4 :(得分:0)

我问了同样的问题并得到了一些答案:
Keyboard shortcuts

答案 5 :(得分:0)

accesskey html属性