WCAG（Web Content Accessibility Guidelines，网页内容无障碍指南）是一套由 W3C（World Wide Web Consortium，万维网联盟）旗下 WAI（Web Accessibility Initiative，Web 无障碍倡议）发布的国际通用无障碍标准。它回答的核心问题很朴素：网页与数字内容，怎样才能让更多残障用户（也包括临时受限的普通用户）顺利感知、理解与操作。
很多设计师第一次听到 WCAG，会下意识把它当成一门额外的学问。可你只要把视线从设计稿移到真实世界，就会发现它更像一条地基线，决定了产品到底能不能被用户顺利使用。
这是因为数字产品的可用性不是一个开关。你在办公室里用鼠标很顺利的访问网页，但它不代表所有人都能顺利的使用它。可用性更像一组条件，用户想完成一个任务，至少要经历三步。
- 用户得先拿到信息，看得见也好，听得清也好，总之信息得进来。
- 用户要完成操作，点选、输入、滑动、确认，动作要能做得出来。
- 用户要理解过程，知道当前发生了什么，下一步该做什么，错了要怎么改。
只要这三步里任何一步断掉，任务就会失败。断裂也不只发生在少数人身上。视力、听力、肢体动作、认知与语言能力的差异会放大断裂，同时普通用户也会在某些时刻面临暂时的受限。比如强光下看不清屏幕，地铁里听不见提示音，单手抱着孩子难以完成精细操作，网络卡顿导致反馈延迟。种种情况都会让一个原本顺畅的流程变得困难。
所以行业需要一套通用规则，让人在不同环境、用不同方式访问界面时，依然能把任务走完。更重要的是，这套规则不能停留在倡议，它必须能落地。设计与开发知道怎么做，测试与验收也能依据这套规则判断可用性是否达标。
WCAG 就是在这样的背景下被提出的。它是一套面向网页与数字内容的无障碍指南。它的语言确实偏工程化，但目的很明确，让可用性覆盖更多人，并且可以被检查、被验收。
1. POUR
无障碍牵涉的设计细节非常多。你只要随手列一列，就能发现它几乎覆盖了界面里的每一种信息与交互方式。文字怎么呈现，颜色怎么区分，图片怎么说明，声音提示是否有替代，键盘能不能走通，弹窗打开后焦点落在哪里，表单报错怎么表达，动效会不会让人不适，读屏读出来的文字顺序是否合理。任何一个点掰开揉碎，都无穷无尽需要写的内容。
WCAG 没有从这些零散问题入手。而是先问了一个更基础的问题：用户为什么会在任务里走不下去？
因为不管页面长什么样，用户完成任务的过程都是固定的。用户首先需要先得获取信息，然后才能操作，操作之后还得理解反馈，最后还要依赖正确的语义与结构，才能让辅助技术顺利解析。如果其中某一步断掉，流程就会中断。
所以 WCAG 先把这些中断按归因分成四类，并把它们写成四条最重要的原则—— POUR。POUR 是四个英文词的首字母缩写，对应四条原则：
- 可感知 （Perceivable）
- 可操作 （Operable）
- 可理解 （Understandable）
- 强健性 （Robust）
这四条原则是 WCAG 整套标准的规则总纲，相当于目录的第一层。后面更具体的要求和条款，都是围绕这四个方向展开的。
2. 四原则浅析
关于 WCAG 的四个原则，其实有许多内容可讲。这里我只做一层浅析，目的不是把每条细节讲完，而是先帮你在脑海中，构建一张清晰的地图。后面我们会为可感知、可操作、可理解、强健性 分别写专门的文章，把常见场景、典型错误、对应成功准则，以及设计与交付时的做法逐条讲清楚。
2.1 可感知
在无障碍里，最常见的一类失败发生在任务的起点。用户不是点错了，也不是不会用，而是压根没有接收到关键信息。信息一旦没进来，后面再好的交互都救不了，用户也不可能知道下一步该点哪里、该填什么。
这种失败通常不是因为页面缺了内容，而是因为页面把内容藏在单一的表达方式里。比如错误只用红色标出来，却不写清哪里错、怎么改。状态只靠轻微的动效或颜色变化，停下来之后几乎分辨不出差异。按钮只放一个图标，没有任何文字提示，让人只能猜它的用途。还有一种更常见的情况，页面把规则、价格、限制条件写进一张海报图里，正文却没有对应的文字信息。视觉条件良好的用户也许能凭经验补齐，但低视力、色弱或依赖读屏的用户往往拿不到这些信息。
可感知要解决的就是这个问题。界面必须用足够明确的方式把关键信息交到用户手里。颜色可以用来强调，但不能当成唯一信号。图标可以用来辅助，但需要清楚的名称或说明。图片可以用来承载氛围，但只要图片承担了信息，就要提供等价的文字表达，让不同能力、不同环境下的用户都能得到同样的内容。
2.2 可操作
可操作关注的是一件事：让用户能用不同的输入方式把流程走完，而不是只能靠鼠标或手势“刚好点中”。
很多界面默认用户能精准点击，默认鼠标随时可用，也默认滑动操作一定顺利。可一旦用户改用键盘、读屏手势或开关控制，问题就会立刻冒出来。弹窗打开后，焦点没有进入弹窗，键盘用户找不到确认按钮。轮播只能横向滑动，却没有可聚焦的上一项、下一项控制。列表里需要左滑才能出现删除或更多，但页面上没有等价的按钮入口。结果就是用户并不是不想操作，而是根本没有路可走。
可操作要保证的不是某一种交互技巧，而是完整的操作通路。界面要为不同输入方式提供可达的入口，让用户不管用什么方式，都能完成同一件事。
