[转]Accesskey引起的一点点思考


Access key 是什么?~估计除了做 Web 开发的没多少人知道,Access key 是网页提供的快捷键。先回到软件界面,看下我的 Opera 的菜单,我的 Opera 是修改过的,中英文混在一起。

中文的作法一般都是在文字后面加个括号,里面的键值用下划线标出。而英文一般是把开头当成键值,如有重复的就推到第二第三,如果那个单词比较倒霉,所有字母都有跟别的有冲突又排在最后面的话,一般做法也不会像中文一样加括号标值。而是调整其他的来解决冲突,这年头,视觉第一!中文什么好办法,统一加括号。这是系统提示的热键(比较懒,没去查它叫什么名?),按下 alt+key 可直呼出,不知道有多少人使用鼠标去点多一些。

回到网页中,在网页里,一样有差不多功能的东东。大家叫它Access key,貌是最近流行滴样子。
<tag accesskey="x">标签添加属性accesskey,属性值就是对应的键</tag> 相关资料:http://www.w3.org/TR/1999/REC-html401-19991224/interact/forms.html#access-keys

一般按法也是 alt+key 来选中。不过各浏览器都不大一样。
IE系列使用alt+key,再加Entet回一下下车(如果是链接的话。)
FF2.0以下的是也是使用alt+key,不过如果是链接的话,直接打开,Netscape也是直接按Alt+key
FF2.0的,官方说:网页提供的快捷键 (Access key) 现在在 Windows 上请以 Alt+Shift+Key 来使用,在 Mac OS X 为 Ctrl+key,Unix 则是 Ctrl+Shift+key。,可是我的SUSE上的FF2.0仍然是用 Alt+Shift+Key,不知道是算什么系统。。-_-!!
除了alt+key外还要多按个键的做法是为了避免与浏览器的冲突,想法是好滴,可单手按起来并不方便。
Opera的是按下Shift+Esc 激活accesskey面板。再接Key直接选择,这是我以前做的小站的部分截图

小甘甘滴小站吧,注意最上面的导航菜单。英文还是比较好做一点点,可以抽个字母来用,中文的我并没想到什么好一点的办法。也许像窗口的菜单的一样是个办法,中文的字并不能全排进键盘那些键里,就算可以排进去,又有多少人能记得住。

accesskey 的值可以是字母跟数字。一些浏览器并没有解决网页里跟浏览器里的按键冲突。 所以,并非所有的字母都适合使用。同时,一些浏览器的数字并不能使用小键盘里的数字。比如FF,
如果一个人会在网页里使用别人提供 accesskey 的话,理论上他也会使用浏览器上的来完成一些操作。当然,这只是我个人想法,并不知道别人是否也是这样。也许别人跟我一样,IE只是用来调试网页使用的。

如果在网页里使用的 accesskey 与浏览器上的菜单重叠了,比如 "V" 给网页用了,我就不能按 Alt+V, C 这样简单的在IE打开源文件来看,哎!做开发的人一天就知道看代码。 希望有在网页使用accesskey 的朋友不要选择与浏览器的有冲突的键。

除了菜单。还有什么地方常会用到呢?一般来说是表单,录入文字时我会使用双手。按键范围也就就大了。比如像一位台湾的朋友OOO的blog,在评论时可以用 accesskey 来选择要填的地方。像这样操作的确方便了点,不过我一般都不用。
一般我看文章时。右手还在鼠标上,拉到评论时,会顺便点在第一个 input 里,之后一般是按 Tab 来跳到下一个 input 或者别的,要返回上一个时,是按 Tab+Shift 来跳回,怎样说 Tab 键也是比较大一点的,方便按一点。

说着说着,好像accesskey 用处并不怎样的样子。其实,因为我们一般有鼠标用,如果没有鼠标呢?所以,大家买手机时最少得买有蓝牙可以控制电脑滴,要是鼠标不小心坏了,还可以临时当下鼠标用。在现在多数网站光使用Tab都比较难用滴,又有多少使用AJAX技术的网站来提高用户体验~结果是让我在鼠标出现问题时,连唯一的Tab都没用没了。

除去 accesskey 外,还有一些网站,强制使用键盘的某些键配合js来完成一些操作。比如按Home键就跳到首页,方向键向左是跳到上一篇文章,向右是跳到下一篇。有时,用着是挺方便的;有时,也许会很烦,因为原来的功能没了。

请不用在本小站尝试 accesskey,因为没有做之类的功能,只是昨晚有个朋友问到 FF2.0 按了没反应的问题,便写下自己的一些想法。也许,下一次改版,我会把小站做得更像样,也许,改版都可以省掉,因为很懒,忙其实只是个华丽的借口。


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3