我的联盟 作品 招聘 外包 人才  酷站加油 国内 国外 CSS  资源图库 图库 模板 矢量 图标  设计欣赏 界面 LOGO 插画 艺术  网页 平面  专访 名站 竞赛 社区
当前位置:首页 > 网页教程 > 网页理论 > 正文
可访问性—前端的使命(二)
来源:www.mikkolee.com 作者:小麦 2009年06月27日 22:43 网友评论:0条 点击:

前一篇 可访问性——前端的使命(一)

继续这个读书笔记吧。

9. 定义键盘快捷键(Defining keyboard shortcuts)
意思就是定义accesskey属性。这个好说。有个关键是如何在浏览器里使用。IE里是“alt+”,并且只是将焦点移过去,要点击需要再按enter;Firefox是“shift+alt+”,按下之后直接触发点击事件。Opera和Chrome还有Safari,我都没试出来,有知情者请告知。

感谢aoao提供:Safari 4/mac control+alt+key | /win alt+key
Opera Shift+Esc 选key
Chrome 3 alt+key

除了accesskey,其实还有一个更重要的:tabindex。有时候需要改变默认的tabindex顺序,以期得到更便利的体验。举个例子,如下格式的登陆框:

按照默认的顺序,按下tab键,焦点会依次经过“用户名”、“记住我”、“密码”。但是似乎把“记住我”放在“密码”之后更方便,毕竟不是所有的人都需要使用“记住我”这个按钮,尤其是多次使用这个登陆框的人,他很显然是不喜欢“记住我”。所以应该用tabindex指定如下的顺序:“用户名”、“密码”、“记住我”。

10. 不要打开新窗口(Not opening new windows)
文中的意思是,这样会破坏浏览器的“history”记录,从而使浏览器“后退键”无效。总算知道外国网站很少有新开窗口的缘故了吧,也总算知道为啥XHTML标准要把a标签的target属性取消的缘故了吧。但这个似乎不符合中国用户的习惯,还值得商讨。不过有一些变通的方式可以考虑:

a) 页面上给一个选框,选择之后就自动把a标签里的target属性移除,使得所有的链接都在本页打开。

b) 新开窗口并不是到”_blank”,而是到一个指定名字的窗口,比如“new”。这样所有新开的页面都会到同一个窗口里打开,至少在这个窗口里,还是可以使用浏览器的“后退键”的。(提一下,土豆网的视频都是这样的,开到同一个新窗口里)。

11.定义首字母缩略字(Defining acronyms)
先说明一下,其实作者这里对acronym这个词理解不正确。acronym是指单词的首字母合起来成为一个新的可读的单词,这个单词未必是所有字母都大写的,比如Nato(北大西洋公约组织)。所以HTML或是CSS算不上acronym,而
DOS、BASIC这种才算。像HTML或CSS这种,应该叫abbreviation,与其对应的是<abbr>标签,但很遗憾,这个标签IE6上无效。

12. 给你的日历加上抬头(Giving your calendar a real caption)
13. 使用真正的表头(Using real table headers)
14. 为表格提供摘要(Providing a summary for tables)

把这三条合在一起说,就是要正确使用表格。其实表格的使用远比这三条更多,建议大家仔细阅读HTML权威指南。

最后说的是,我这只是一个读书笔记,光看这个是看不明白的,所以建议还是去通读一下原文吧。

原文:http://www.mikkolee.com/191

上一篇:可访问性—前端的使命(三)   下一篇:产品设计决策三,产品要有侧重点
收藏此页】【打印】【关闭
 相关文章  我要点评
·浅谈web标准、可用性、可访问性
·内容可访问性不是全部
·真链接提升可访问性
·可访问性—前端的使命(三)
·可访问性—前端的使命(一)
·可访问性浅析

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 设计服务 | 广告服务 | 常见问题 | 网站地图 | 法律声明 | 联系我们
Copyright © 2003-2012 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】