继续这个读书笔记吧。
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权威指南。
最后说的是,我这只是一个读书笔记,光看这个是看不明白的,所以建议还是去通读一下原文吧。
fireyy: 2009-6-26 10:18 am
“土豆网的视频都是这样的,开到同一个新窗口里” ,土豆这样做也蛮雷人的,我开了一个视频页面进行缓冲,然后回去继续浏览,当我看见另一个感兴趣的视频,点击会覆盖之前的缓冲页面… 建议可以学youtube的视频缓冲存储模式
笨乌不飞: 2009-6-26 11:56 am
中国用户喜欢多开窗口的毛病还不是一群白痴设计师鼓捣出来的?导致很多人压根不知道浏览器还有后退键!
笨乌不飞: 2009-6-26 12:07 pm
The ABBR and ACRONYM elements allow authors to clearly indicate occurrences of abbreviations and acronyms. Western languages make extensive use of acronyms such as “GmbH”, “NATO”, and “F.B.I.”, as well as abbreviations like “M.”, “Inc.”, “et al.”, “etc.”. Both Chinese and Japanese use analogous abbreviation mechanisms, wherein a long name is referred to subsequently with a subset of the Han characters from the original occurrence. Marking up these constructs provides useful information to user agents and tools such as spell checkers, speech synthesizers, translation systems and search-engine indexers.
上面是原文,貌似你对于缩写和字头缩写的理解也有些问题。
aoao: 2009-6-26 8:35 pm
Safari 4/mac control+alt+key | /win alt+key
Opera Shift+Esc 选key
Chrome 3 alt+key | Chrome 2 不知道。也许没有。 不过听说1是有滴。
小麦: 2009-6-27 10:01 am
@fireyy: 嗯,我承认这是一个有点差劲的用户体验。除你所说的,更严重的是,在新点一个视频的时候会开到原先的窗口,而有时候那个窗口未必会得到焦点,以至于我都不知道我点的视频开到哪里去了。
我记得曾经有段时间,google就是这样的。但现在好像全是新开_blank窗口了。
土豆这么做是另有原因的。Youtube的“缓冲存储模式”,是否能够告知一二?不过对于土豆网,其实可以装一下飞速土豆,我个人觉得挺好用的。
小麦: 2009-6-27 10:21 am
@笨乌不飞: 如你所引用的文字里讲,那就只能得出如下结论:
1. 按W3C规范,diveintoaccessibility的作者对标签的使用方法是正确。
2. 按英语文法,W3C的HTML规范犯错了。它不该如此定义acronym标签。
我坚信我对acronym这个词的理解是没错的。参见:http://en.wikipedia.org/wiki/Acronym。
abbreviation的含义最宽泛,可以指如“Mr”这样的缩写,也可以指如“HTML”这样的首字母缩写语,后者又被称为initialism。
小麦: 2009-6-27 10:21 am
@aoao: 多谢~~~
可访问性——前端的使命(二) | 互联网的那点事...: 2009-6-28 11:19 am
[...] 来源:http://www.mikkolee.com/191 [...]
小麦的自习教室 » 可恶的盲道: 2009-6-29 10:55 pm
[...] 具体的优化措施,可以参看我之前写的“可访问性——前端的使命(一)、可访问性——前端的使命(二)、可访问性——前端的使命(三)”。 [...]
corel: 2009-7-2 5:01 pm
10. 不要打开新窗口(Not opening new windows)
corel: 2009-7-2 5:06 pm
10. 不要打开新窗口(Not opening new windows)
晕,按空格键自动发布了。。。。
重来
===============================================
新窗口还是很有用的。
举例:
搜索结果页。——用户对结果列表中的网页链接需要多次尝试才能找到真正想要的结果。
如果不新窗打开,操作可能会是:“打开A1页面,返回->打开A2页面,返回->……打开An页面,成功。”
如此反复,每次都要重刷新结果页一次,不如“打开A1页面,关闭->打开A2页面,关闭……”
此案例适用于很多列表页面。
corel: 2009-7-2 5:11 pm
包括一楼说的土豆的页面,呵呵,我也喜欢同时打开两个视频页面。
一切的罪孽都是网速啊网速