以用户为中心的设计

可访问性 - 前端的使命(三)

作者:小麦  |   发布: (编辑)稻草   |   时间:2009-06-27 21:27:05 文字大小:- +

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

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。

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

  • 。其实这也是我一直纠结的问题:目前看 起来,除了出于“标签语义化”的原教旨主义信仰,没有更好的理由一定要用
更多
打印  |  相关话题:可用性和可访问性   |  类别:信息和交互   |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买