开篇小故事：一家新闻资讯 App 即将上线，小华是这个项目的主设计师，她带着整个团队在会议室里进行最后一轮可访问性审查。测试员是一位使用 VoiceOver 的盲人用户。屏幕亮着，但他没有看屏幕，他只是用手指在上面滑动，听着耳机里传出的读音。
前几秒还算正常，VoiceOver 报出了导航栏、搜索框、几条标题。然后他进入了首页的图文流——那是她最得意的设计，每张配图都精心挑选过，图文排版漂亮，视觉层次清晰。VoiceOver 开始逐一读出那些图片：「图片。图片。图片。图片。」
整整一排，每张图片读出来都是同一个词。那个词毫无信息量。她坐在那里，意识到这位用户接收到的首页，和她设计的首页完全是两个东西。
尽管设计做完之后，小华检查了对比度，检查了触控区域大小，检查了字体缩放，甚至翻了规范文档确认每条她能想到的要求。但确没有人告诉她「图片上需要文字描述」
一. 无障碍不只是少数人的问题
提到「无障碍设计」，大多数设计师脑海中浮现的，是那些坐轮椅的人、使用白手杖的人，或者因为某种永久性残障而需要辅助技术的人。这种想法也不能说有错，但它严重缩小了无障碍设计真正影响的受众范围。
微软研究院在 2016 年提出过一个影响深远的分类方式，他将障碍分为三种类型：永久性障碍、临时性障碍和情境性障碍。
永久性障碍是大多数人最先想到的那类，全盲、肢体瘫痪、认知障碍。临时性障碍是暂时的功能受限，骨折打石膏的人用不了惯用手，眼部手术后暂时看不清楚。而情境性障碍，是最被低估的一类：环境和情境制造出来的，不依赖个人身体状况的功能限制。
无障碍设计的受益者远比「残障用户」更广泛——每个人在某个时刻都可能受益
比如站在户外强光下盯着手机屏幕，任何人的视觉辨别能力都会大幅下降。抱着一个睡着的婴儿，任何人都只能单手操作手机，触控精度随之降低。在嘈杂的地铁里用第二语言阅读一份操作说明，认知负荷会比平时高得多。这些情况下，需要无障碍设计的，不是「残障用户」，而是任何一个处在这些情境中的人——包括你，包括任何使用你产品的用户。
也正是这个视角的转变，从根本上改变了无障碍设计的意义。它不再是一项面向少数人的慈善性工作，而是设计质量本身的组成部分。一个在强光下对比度不足的界面，不只是对低视力用户不友好，它对任何在强光下使用的人都不友好。一个点击区域太小的按钮，不只是对运动障碍用户造成困扰，它对任何在颠簸中操作手机的人都是麻烦。
理解了这一点，才能理解为什么 WCAG 的受众不是边缘用户，而是所有用户。
二. WCAG 的构建思路
WCAG 的全称是 Web Content Accessibility Guidelines，中文译作「网页内容无障碍指南」。它由万维网联盟（W3C）下设的无障碍工作组（WAI）负责制定和维护。现行版本是 WCAG 2.1，发布于 2018 年，WCAG 2.2 于 2023 年作为补充更新发布。
很多设计师第一次接触 WCAG 时，最大的困惑是：为什么文档那么厚、那么抽象？明明可以写成「图片必须有替代文字」「按钮点击区域不得小于 44 像素」这样的具体要求，为什么 WCAG 要分成原则、指导方针、成功标准这几层，搞得像哲学教材一样？
这背后的原因其实是清单的局限。清单的有效性依赖于它的完整性——清单写的情况，你能处理；清单没写的情况，你不知道怎么办。而技术和设计的情境是无限的。2000 年代写成的清单，不会预见到 2015 年的移动端触控、2020 年代的语音交互、未来还没出现的交互范式。任何时间点写出来的具体清单，都会在下一个技术变迁中出现漏洞。
框架的工作方式不同。框架不描述「你应该做什么」，而是描述「为什么这件事重要」——它指向人类的需求，而人类感知信息的方式、操作工具的方式、理解意义的方式，在几十年的尺度内不会发生根本性变化。框架的稳定性来自于它锚定的是人，而不是技术。
这就是 WCAG 选择框架结构的理由。它不是懒得写清单，而是故意不写清单。
三. WCAG 的四层结构
WCAG 的内容可分为四层，从最抽象到最具体依次可分为：原则（Principle）、指导方针（Guideline）、成功标准（Success Criterion）、充分技术（Technique）。
下面我们用建筑规范打个比方，这四层的关系就会变得更清晰了。
最顶层的原则，相当于「建筑必须在火灾发生时保证人员能够安全撤离」。这是一个关于人的需求的陈述，它不告诉你怎么做，只告诉你为什么——人命要紧，出口必须可用。
第二层的指导方针，相当于「紧急出口必须有清晰的标识」。这把原则分解为可操作的设计方向，但仍然没有具体到尺寸和材质。
第三层的成功标准，相当于「出口标识必须在 15 米距离内清晰可见，文字高度不低于 200 毫米」。这层是可以被检查和验证的，审查人员可以拿卷尺测量，判断是否达标。WCAG 总共有 78 条这样的标准，每一条都可以被明确地判断为「通过」或「未通过」。
第四层的充分技术，相当于「推荐使用符合 ISO 7010 标准的绿色荧光疏散指示标志」。这层最具体，也最容易随时间更新。具体的技术实现方案会因为设备、平台、编程语言的变化而改变，WCAG 把这些放在规范之外，让它可以灵活更新。
理解了这四层，就理解了 WCAG 是怎么工作的：原则和指导方针几乎不变，成功标准在版本迭代中缓慢演进，充分技术则随着前端实践持续更新。
四. WCAG 的四个原则
WCAG 的四个原则分别是：可感知（Perceivable）、可操作（Operable）、可理解（Understandable）、健壮性（Robust）。这四个词有各自的缩写首字母可以合写成 POUR，这也是很多人记住它们的方式。下面我们通过具体的案例说明，来带你了解这四条原则如何发挥作用
一个用户坐在屏幕前，打算完成某个任务。第一件事，他必须能够感知到屏幕上的信息。如果信息无法以他能接收的形式呈现出来，后面什么都不用谈了。这就是第一个原则：可感知。
感知到信息之后，他需要对界面施加操作——点击按钮、填写表单、滑动页面。如果这些操作无法完成，任务依然无法推进。这是第二个原则：可操作。
操作的过程中，他需要理解界面在告诉他什么，他的操作产生了什么结果，接下来应该怎么做。如果内容晦涩、行为不可预期，他即使能操作，也不知道该怎么操作、操作的是否正确。这是第三个原则：可理解。
