欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

网站前端革命

Web前端 夜阑小雨 1097℃ 0评论

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

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

16. 使用真实的列表(或者正确的把它们伪装起来) 这一条其实也是在讲如果要用图片作为列表前的icon,最好用CSS。但是没有提到为什么要用。其实这也是我一直纠结的问题:目前看起来,除了出于“标签语义化”的原教旨主义信仰,没有更好的理由一定要用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里面自动生成目录的方法。

不过有一点值得注意,h>标签的使用。它其实是指最能概括本页内容的文字,而不是指看起来在标题的位置的文字(比如网站顶部 LOGO)。我之前一直犯一个错误,就是把网站的LOGO作为H1。事实上,比如搜索结果页,很明显“搜索XXX,一共XXX个结果”才应该作为h1标题。

22. 给表单元素加上label标签(labeling form elements)
这里只有一个想和大家讨论的:到底是用id和for来联系,还是直接用label标签把表单元素和文字框起来?你们的习惯是怎样的?

23. 让所有的内容都可被搜索(Making everything searchable)
这一条是个比较宽泛的产品层面的问题,这里就不作讨论了。

24. 建立可访问性声明(Creating an accessibility statement)
这个蛮好,详情还是建议看原文。我有时间也会做掉。

转载请注明:夜阑小雨 » 网站前端革命

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址