其实这个系列还没写完,我看到已经被转载了。下次应该写个未完待续。
15. 忽略空白图片(Ignoring spacer images)
一定记得给图片加上alt属性,哪怕它为空。其原因是如果不写alt,有些阅读器会直接把它的文件名或URL读出来。
这让我想起小时候读过,说在发明数字0以前,人们都是用空位来表示的。这样就很不方便啊。所以alt=”"就相当于数字0这个伟大的发明。
16. 使用真实的列表(或者正确的把它们伪装起来)
这一条其实也是在讲如果要用图片作为列表前的icon,最好用CSS。但是没有提到为什么要用
-
-
- 。盼知情者告知。
17. 为图片提供替换文本(Providing text equivalents for images)
18. 为图片映射提供替换文本(Providing text equivalents for image maps)
这两条同15。
这里我只是想说说两个题外话:
a) 到目前这个年代,标签是否还有用?同样的还让我想起标签。
b) 除了alt,还有两个属性:lowsrc和longdesc。有时间我会来看看目前的浏览器对这两个属性的支持是怎样的。19. 使用真实的水平分割线(Using real horizontal rules)
它说的是使用
比使用一张装饰用的图片好。(P.S. 原来hr是horizontal rule的缩写哦,hoho)但似乎不用
更好吧。20. 使用相对字号(Using relative font sizes)
我好想遵守这个规则,但可恶的微软把宋体做得除了12px,更小的字号就不能看。不过现在浏览器都有zoom功能,相对字号或许也不像以前那么迫切需要了吧。不管怎么说,都怪IE!21. 使用真实的标题(Using real headers)
除了SEO之外,文中提到,有浏览器是可以专门撷取文中的标题,以提供方便的文内导航。这个功能就类似word里面自动生成目录的方法。不过有一点值得注意,
标签的使用。它其实是指最能概括本页内容的文字,而不是指看起来在标题的位置的文字(比如网站顶部 LOGO)。我之前一直犯一个错误,就是把网站的LOGO作为H1。事实上,比如搜索结果页,很明显“搜索XXX,一共XXX个结果”才应该作为h1标 题。
22. 给表单元素加上label标签(labeling form elements)
这里只有一个想和大家讨论的:到底是用id和for来联系,还是直接用label标签把表单元素和文字框起来?你们的习惯是怎样的?23. 让所有的内容都可被搜索(Making everything searchable)
这一条是个比较宽泛的产品层面的问题,这里就不作讨论了。24. 建立可访问性声明(Creating an accessibility statement)
这个蛮好,详情还是建议看原文。我有时间也会做掉。呼,总算写完啦。再次呼吁,请通读原文:http://www.diveintoaccessibility.org。
接下来就开始批判百度盲道啦~~敬请期待。
或
。其实这也是我一直纠结的问题:目前看
起来,除了出于“标签语义化”的原教旨主义信仰,没有更好的理由一定要用
-