可访问性——前端的使命（三）

其实这个系列还没写完，我看到已经被转载了。下次应该写个未完待续。

15. 忽略空白图片（Ignoring spacer images）
一定记得给图片加上alt属性，哪怕它为空。其原因是如果不写alt，有些阅读器会直接把它的文件名或URL读出来。

这让我想起小时候读过，说在发明数字0以前，人们都是用空位来表示的。这样就很不方便啊。所以alt=”"就相当于数字0这个伟大的发明。

16. 使用真实的列表（或者正确的把它们伪装起来）
这一条其实也是在讲如果要用图片作为列表前的icon，最好用CSS。但是没有提到为什么要用<ul>。其实这也是我一直纠结的问题：目前看起来，除了出于“标签语义化”的原教旨主义信仰，没有更好的理由一定要用<ul>或<ol>。盼知情者告知。

17. 为图片提供替换文本（Providing text equivalents for images)
18. 为图片映射提供替换文本（Providing text equivalents for image maps)
这两条同15。
这里我只是想说说两个题外话：
a) 到目前这个年代，<map>标签是否还有用？同样的还让我想起<applet>标签。
b) 除了alt，还有两个属性：lowsrc和longdesc。有时间我会来看看目前的浏览器对这两个属性的支持是怎样的。

19. 使用真实的水平分割线（Using real horizontal rules）
它说的是使用<hr>比使用一张装饰用的图片好。（P.S. 原来hr是horizontal rule的缩写哦，hoho）但似乎不用<hr>更好吧。

20. 使用相对字号（Using relative font sizes）
我好想遵守这个规则，但可恶的微软把宋体做得除了12px，更小的字号就不能看。不过现在浏览器都有zoom功能，相对字号或许也不像以前那么迫切需要了吧。不管怎么说，都怪IE！

21. 使用真实的标题（Using real headers）
除了SEO之外，文中提到，有浏览器是可以专门撷取文中的标题，以提供方便的文内导航。这个功能就类似word里面自动生成目录的方法。

不过有一点值得注意，<h1>标签的使用。它其实是指最能概括本页内容的文字，而不是指看起来在标题的位置的文字（比如网站顶部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。

接下来就开始批判百度盲道啦~~敬请期待。