Web Content Accessibility Guidelines（WCAG） 主要目的是实际体验一下网站访问无障碍化、网站亲和力（Accessibility）
主要服务对象是手持移动设备（包括mobile phone）、屏幕阅读器和残障人士等.
甚至在美国更有具体化的WCAG– Section 508法案
由于WCAG不是每个网站都那么容易做到，所以即使是Section 508规则的范围也只被限制于联邦部门
WCAG可以理解成是W3C的一个分支，做为前端来支持会有更好的基础，当然部分准则还需要交互，视觉的参与，WCAG不像W3C那样一定要做到，但考虑到受众正在逐年增多，在这样的背景下，我们完全可以花很少的时间，把一些不需要花很大成本准则渐渐加进网站，提高亲和力，何乐而不为呢！
WCAG的历史
The WCAG 1.0 were published and became a W3C recommendation on May 5, 1999
The WCAG Samurai were published on February 2008
The WCAG 2.0 was published as a W3C Recommendation on December 11, 2008
WCAG对每一点都定义了优先级
优先级 1 — Web 开发者必须 满足这一检查点，否则一个或多个用户组将不能访问此内容。
优先级 2 — Web 开发者应该 满足这一检查点，否则一个或多个用户组将发现难于访问此内容。
优先级 3 — Web 开发者可以 满足这一检查点，否则一个或多个用户组在访问此内容时可能有困难。
很明白，我建议我们的网站尽量减少优先级 1的问题。
1、为视觉和听觉的内容提供等义的替代
一切呈现给用户的内容，包括视觉上和听觉上的，都需要提供功能上或目的上等义的替代。
从支持长度排序 alt–title—longdesc
鉴于目前还没有什么浏览器支持longdesc（仅Firefox的扩展 longdesc-0.3-fx.xpi 支持），所以 W3C 推荐使用 [D]链接
[D]
2、不要仅依靠色彩来提供信息
确保没有颜色的情况下，文字和图像都易于理解，尽量用方文字代替图片。
[对于图片为优先级 2，对于文字为优先级 3]
3、适当使用标记语言和样式表
使用结构化元素来标记整个文档。使用样式表来控制表现，而非表现层元素和属性。 <p> <h1>…<h6>等
4、阐明自然语言的使用
比如在HTML里使用“lang”属性，在XML里，使用“xml:lang” 方便屏幕阅读器方便阅读
5、创建编排良好的表格
对于数据表格，指名行和列标题。[优先级 1]
比如在HTML中，使用TD来表示数据单元格，用TH来表明标题。 [优先级 1] 比如在HTML中，使用THEAD，TFOOT，和TBODY来为行分组，使用COL和COLGROUP来为列分组，使用”axis”，”scope”，和”headers”属性来描述数据间的复杂关系。 比如在HTML中，不要使用TH元素来使文字（非表格标题）居中和加粗。 比如在HTML中，使用”summary”为TABLE添加摘要信息。 比如在HTML中，使用”abbr”为TH添加缩写信息。
table、tr、td、th、tbody、thead、tfoot、col、colgroup、caption这些属性的应用等
6、确保页面能够在新技术下良好呈现
确保在脚本，小应用程序或其它程序型对象在被关闭或不支持的情况下，网页仍可使用。如果实在不可能办到的话，应该提供等义的替代信息或其它具可访问性的网页。[优先级 1]
如果浏览器不支持，须为脚本提供特定的文字说明
脚本提示方案说明
这个很好做到，在脚本不支持地方放一块说明性的方案
7、确保使用者能处理时间敏感内容的改变
保证用户可以暂停或者停止移动的、闪烁的、自动更新的对象或者页面。
【注】 当屏幕闪烁在4至59每秒及峰值灵敏度20Hz的情况下（如从暗变亮，类似于闪光灯），感光性癫痫症患者可能会发作。 主要是针对手持设备
8、确保嵌入式用户界面具有直接的可访问性
这个主要是针对手持设备用户
9、设备无关的设计
在链接、表单控制及对象间，提供合乎逻辑的Tab条约顺序。[优先级 3] 比如在HTML里，可以通过“tabindex”属性来制定tab顺序，确保页面设计的逻辑性。
为重要链接提供键盘快捷键（包括客户端图像映射、表单控制、表单控制群组）。[优先级 3] 比如在HTML里，可以使用”accesskey”来指明键盘快捷键。
10、使用W3C推荐的技术和规范
这是做为前端必须做到的，也是我们正在做的
大家可以看到，其中的1，2，7我们是需要整个UED合作来完成的，而其它是我们前端可以独立来做的，当然以上列出的是按我的理解整理过，并不是WCAG的全部，正如本文标题所说，目前阶段我只关心我们可以做得到的
想到检验是你的网站哪些地方需要改进吗？
本地检验：使用Macromedia Dreamweaver 8 自带的。新建一个站点，把你要检验的文件放进去，在 DW 8 的菜单 > 站点 > 报告 > 辅助功能 > 报告设置。支持WCAG/W3C 优先级 1 2 检查点，Section 508 。
当然我们可爱的Firefox也为我们提供了丰富的插件来做这件事
WCAG Contrast checker
https://addons.mozilla.org/zh-CN/firefox/addon/7391
Web Accessibility Test
https://addons.mozilla.org/zh-CN/firefox/addon/1158
例举了两个，当然还有其它，有兴趣的可以到http://addons.mozilla.com下用关键字“Accessibility”搜索更多。
在这里再推荐一款不错的屏幕阅读器 NVDA
下载地址：http://www.nvda-project.org/
当然想了解最新的关于WCAG的信息的可以访问： http://www.w3.org/TR/WCAG/
很棒，这些很实用。