注册入学 登录
柠檬大学-伴我成长 返回首页

a1023456的个人空间 https://www.08nm.com/?2 [收藏] [复制] [分享] [RSS]

日志

网站体验之快捷键使用

已有 1040 次阅读2012-7-31 00:44 |个人分类:技术分享| 快捷键, accesskey, 无障碍阅读

研究网站的易用性和无障碍阅读是需要一直关注的事情.
今天就实践了一把 网站快捷键 的使用.
马上按 Alt + 0 尝试一下吧;

以下是经验分享:
一般来说,在适用于Windows 系统的浏览器里,快捷键的用法是在键盘上同时按下Alt键和特定按键;
在适用于Mac 系统的浏览器里,快捷键的用法是同时按下Ctrl和特定按键.(摘自JavaScript DOM编程艺术 第2版 )

如何添加快捷键:
网页html 中加入这段代码就可以了:
<a href="http://www.08nm.com" accesskey="1">Home</a> 
这样当你 按下Alt + 1 键时就会跳到首页了.

当然这个是你完全自己想怎么搞就怎么搞的.不过业界有一些惯例还是要熟悉,遵循一下:

accesskey="1"  对应着一个"返回到本网站主页"的链接;
accesskey="2"  对应着一个"跳过导航直接查看内容"的锚链接(#cen);
accesskey="3"  对应着一个"链接到网站地图或友好的打印页效果或无障碍阅读页"的链接;
accesskey="4"  对应着一个"打开本网站的搜索或表单页"的链接;
accesskey="9"  对应着一个"本网站联系方式"的链接;
accesskey="0"  对应着一个"查看本站快捷键清单"的链接;

以上惯例是我看JavaScript DOM编程艺术 第2版后的摘录,其中 3,和2 的解释略有不同,是参考了Accesskey standards(这里详细介绍了这些惯例) 后的修改.

路过

鸡蛋

鲜花

握手

雷人

评论 (0 个评论)

facelist

您需要登录后才可以评论 登录 | 注册入学

联系我们|Archiver|小黑屋|手机版|滚动|柠檬大学 ( 京ICP备13050917号-2 )

GMT+8, 2024-5-6 13:13 , Processed in 0.027915 second(s), 19 queries .

Powered by Discuz! X3.5 Licensed

© 2001-2023 Discuz! Team.

返回顶部