建设一个符合网页标准的网页

日期:2011年03月26日

网页标准是指一系列的规范,最好的用户体验是建立在标准之上,下面提供一个清单帮助你发现你现在的网站是否符合标准,这也是一个有用的指南,成为你开发时测试的一个工具。

该清单

  1. 代码质量
    1. 网站是否使用正确的文档类型?
    2. 网站是否使用字符集?
    3. 网站是否使用有效的(X)HTML的?
    4. 网站是否使用有效的CSS?
    5. 网站是否使用任何CSS破解?
    6. 网站是否使用不必要的类或ID吗?
    7. 是代码结构良好?
    8. 网站是否有断开的链接?
    9. 该网站是如何执行的速度/页大小的条件是什么?
    10. 网站是否有JavaScript错误?
  2. 内容和表现的是否分离
    1. 网站是否使用的所有重构方式(字体,颜色,填充,边框等)的CSS?
    2. 那些装饰图像在CSS中,他们是在(X)HTML的出现?
  3. 用户可访问
    1. 是否使用“alt”属性用于描述所有图像?
    2. 网站是否采用了比文字大小,而相对单位的绝对单位?
    3. 如果字体大小增加是否破坏布局?
    4. 网站是否使用可视跳过菜单?
    5. 是否使用本网站的访问形式?
    6. 是否使用本网站的访问表?
    7. 是否有足够的色彩亮度/对比?
    8. 关键是颜色信息单独使用?
    9. 是否有下拉菜单响应延迟(用于减少运动技能的用户)?
    10. 是否所有的链接描述性(为盲人用户)?
  4. 无障碍的设备
    1. 网站是否在可接受的旧的浏览器?
    2. 内容是否关闭CSS后就不支持访问?
    3. 如果图片关闭后就影响内容显示?
    4. 网站是否做好打印服务支持?
    5. 网站是否在移动设备显示吗?
    6. 网站是否包括详细的元数据?
    7. 网站是否工作在一个浏览器窗口大小的范围呢?
  5. 基本可用性
    1. 是否有一个清晰的视觉层次?
    2. 标题级别是很容易区分?
    3. 是站点的导航很容易理解?
    4. 是网站的导航是否一致?
    5. 网站是否使用一致的和适当的语言?
    6. 网站是否有Sitemap网页及联络网页? 他们容易找到吗?
    7. 对于大型网站,有没有一个搜索工具吗?
    8. 有没有在每一个网站的网页中链接到主页?
    9. 是链接下划线?
    10. 访问过的链接是明确界定?
  6. 网站管理
    1. 网站是否有一个有意义和有帮助的404错误页面?
    2. 网站是否使用友好的URL?
    3. 如果没有“www”的网址的工作?
    4. 网站是否有一个favicon?
Tags:网站建设
上一篇文章:概述风格的Web设计导航
下一篇文章:移动设备网页设计的一些技巧