转到内容

ReiYee.com | 锐意博客

9月202007

创建高可用性网站的10个技巧

实用技巧  可用性  网页设计  

2007-9-20

很多人都理解建设一个具有可访问性的网站的重要性，可是在我们当中又有多少人在做一个网站的时候会真正考虑到它呢？这里有一些简单而有效的技巧，可以使你的网站对每一位访问者更加友好。

1.验证XHTML和CSS

在发布网站前先验证你网站的代码可以帮助你事先发现已经存在的问题。也许诸如未闭合的标签或使用错误类型的标签这样的错误在你自己的浏览器中它们可以显示得很完善，但是在别人的浏览器中则有可能会发生问题。检测这些问题时你需要使用：XHTML 验证和CSS 验证。

2.为图像添加替代文字

并不是所有的人都愿意在他们浏览器中显示图像，也有很多人因为视力原因而使用语音合成程序。通过ALT属性为图像提供一个正确的描述，使它对访问者是有意义的，也可以帮助搜索引擎索引你的网站。

3.保证网站在不支持Javascript时也可以正常运行

和使用图像一样，很多人也会把他们浏览器中的Javascript功能关掉(超过6%)，这是一个相当高的比例。要保证你的网站在不浏览器不支持Javascript时也可以正常访问，否则你会失去目标客户中的一部分人。

4.使用CSS组织和格式化内容

使用CSS可以帮助你保持网页结构的清晰，也可以保证浏览器添加它们自己的规则，以及更加方便地查看网页。

5.提供一个高对比度的CSS样式表

为什么不为你的网站制作另外的一份CSS样式表来减少或消除颜色，使网页每一部分的对比度更高？在页面的顶部放置一个激活该样式的链接，这样那些视力不好的用户就会在阅读你网站的内容时从中受益。

6.保证文字链接具有描述性

不要简单的使用“点击这里”或“阅读更多”，而应该使你的链接具有更多的描述性文字。我们总是不时地落入这样的陷阱，但有意义的链接更容易被人理解，也有助于提高网站的可用性。

7.在网页上添加“转到内容”的链接

不要让访客每次都滚动页面来跳过网页上内容相同的页眉部分，在这一部分添加一个“转到内容”的链接帮助他们节省时间，特别是对每次都要朗读完整内容的语音合成软件。

8.在表单内使用Label标签

对表单中输入内容的部分使用Label标注，可以帮助用户更加容易、方便地输入内容。

9.尽量不使用“在新窗口中打开”

每个人都知道使用“后退”按钮，不断地在新窗口中打开网页会使用户疲于关闭窗口，应该有选择性地使用。

10.制作一份可用性声明

在你的网站中包含一个向访客介绍你所提供的网站可访问性功能的网页，并向他们解释如何可以更容易的浏览你的网站，比如如何设置你的高对比度样式表，你的“转到内容”的链接在什么地方。

发表评论(已有2条)
这篇日志对您有用吗？投票+2

评论

  • 无名 ( 2007-10-24 19:39:13 )

    请问这个说明性的文字是怎么加上去的 用的是什么东东

  • Rainman ( 2007-10-24 19:56:35 )

    使用的是Mootools 1.11，http://mootools.net/

发表评论

(您所提交的个人资料只做为我们与您联系时的信息，锐意互动不会做其它的任何处理；如果您此前从未在锐意互动上发表过评论，则您的评论需要我们验证后才会显示，请耐心等候。)
2个苹果加3个梨，一共有多少个水果？

通过邮件发送给朋友：关闭

   
      
loading  请稍等……