CSS 网站布局实录 （第二版）

Image by HaoZi04 via Flickr

今天看嗷嗷的web标准设计，里面有个web标准向导，贴出来和大家共享，很多时候我们只关注了web标准的字面含义，却忘记了他后面到底有什么东西。

  • 代码质量

  1. 使用正确的DCOTYPE吗？

  2. 使用正确的字符集吗？

  3. 使用合法的（x）HTML吗？

  4. 使用合法的CSS 吗?

  5. 用到了那些CSS Hack？

  6. 使用了多余的class或者id吗？

  7. 代码的语义结构是否正确？

  8. 是否有坏链接？

  9. 在页面和脚本大小的影响下，站点的速度如何？

  1. 有没有使用什么JavaScript？

  • 内容与表现的区分度

  • 是否所有的表现类信息都用CSS来处理（字体、颜色、补白、边框等等）？

  • 是否所有的装饰性图片都用CSS来处理而不是直接写在（X）HTML中了？

    • 对用户的亲和力

    1. 所有的描述性图片都用了alt属性来提供文字信息么？

    2. 字体是用了相对单位而不是绝对单位么？

    3. 如果字体增大，会不会有些排版方面的错误出现呢？

    4. 是否是用了弹式菜单？

    5. 表单是否具有亲和力？

    6. 表格够有亲和力么？

    7. 配色亮度和对比度足够么？

    8. 是否只用颜色来区分重要信息，而不是用标签？

    9. 弹式菜单是否有一个延迟的响应，为了让人有个心理准备？

    10. 是否所有的链接都具有描述性？

    • 对设备的亲和力

    1. 新旧浏览器都至少能接受这个站点么？
    2. 如果完全清除CSS，你的站点还是否很有结构？
    3. 如果图像都关闭的，你的站点还是否很有亲和力？
    4. 在Lynx等文本浏览器下是否可读？
    5. 打印出来呢？是否可读？
    6. 掌上设备又如何？表现良好么？
    7. 站点是否包含了详细的元数据（metadata）？
    8. 在不同的浏览器窗口大小下站点是否正常？

    • 基本可用性

    1. 从视觉上说，是否有个清晰的层次结构 ?
    2. 不同等级的标题很容易区分么?
    3. 站点的导航栏是否容易辨认？
    4. 导航栏是否一致？
    5. 是否使用了一致并且合适的语言？
    6. 是否有站点地图页面和联系信息页面？他们找起来容易么？
    7. 庞大的站点是否有搜索工具？
    8. 每页都能找到首页链接么？
    9. 链接都容易辨认么？
    10. 以访问链接是否用颜色来区分或是其他？

    • 站点管理

    1. 是否有404页面？
    2. URL是否友好？
    3. 去掉www.时链接还正常么？
    4. 站点是否有个图标？

    已经是一个很长的列表了，但实际中我们还需要做的比这个更加的完美，随便访问者怎么折腾都不会出错，都依然美丽是我们的原则。

    Reblog this post [with Zemanta]

    • 相关日志

    • ：）暂时还没有相关的日志！