很多哦设计师第一次看到 WCAG 的等级标注时,很容易把 A、AA、AAA 理解成"初级、中级、高级"——A 是凑合,AAA 是最好,团队应该尽量往高了做。
如果这样认为,那这个理解方向就有问题。三个等级区分的不是质量高低,而是要求的严格程度和落地可行性之间的平衡。A 级不是"做得差",AAA 级也不是"做得好",它们只是在同一套标准里,各自承担不同的角色而已。
这篇文章主要帮你了解这三等级覆盖什么、划分依据是什么、产品团队应该对齐哪个,才能真正把这三个字母变成可以落地的决策依据。
WCAG 是 W3C 制定的无障碍标准,全称 Web Content Accessibility Guidelines。它把所有的无障碍设计要求拆分成了 78 条具体的成功标准(Success Criteria),然后给每条标准划分出 A、AA、AAA 中的一个等级。

等级是累加的。达到 AA,意味着 A 级和 AA 级的所有要求条目全部通过;达到 AAA,意味着三个等级的条目全部通过。所以就不存在"跳过 A 直接做 AA"这件事。
A 级解决的是"完全无法使用"的问题。不满足 A 级要求的产品,意味着某些用户群体在某些环节上将被彻底挡在门外,这不是体验差,而是根本用不了。
比如,图片没有替代文字,使用屏幕阅读器的用户在那个位置听到的反馈,就是"图片"两个字,不知道图片是什么内容。表单输入框没有关联标签,辅助技术无法告诉用户这个框应该填什么内容。页面上有些操作只能通过鼠标点击触发,键盘用户走到了那一步就只能卡住。视频没有字幕,听障用户完全接收不到任何信息。这些都是 A 级在处理的事。
A 级在三个等级中条目最多,有 30 条,覆盖面最广。它涉及文字替代、键盘可访问、基本的导航结构、表单标签、避免引发癫痫的闪烁内容等方面。每条的门槛不算高,但不做的后果很严重——这不是单一的"体验打折",而是"功能缺失"。
所以可以这样说,A 级保障的是用户能不能"进门"。门都进不来,那么后面的一切都无从谈起。
A 级保证用户能进门,但进门之后的路不一定好走。文字看不清、焦点找不到、报错看不懂——用户没有被挡在门外面,但进门后在每一步操作上,都要多花好几倍力气。AA 级要解决的就是这类问题。
文本和背景的颜色对比度不够,那么低视力用户和在强光环境下使用的人都会感到吃力。键盘焦点在页面上移动时没有可见的指示器,键盘用户不知道当前焦点在哪个元素上。表单报错只说"输入有误",不说具体哪里错了、怎么改。页面缩放到 200% 之后布局错乱、内容被截断。这些都是 AA 级要解决的事。
AA 级有 20 条成功标准,数量比 A 少,但每条的要求更精细。对比度要达到 4.5:1,焦点指示器必须可见,错误提示要具体到字段并给出修改建议,文本缩放到 200% 不丢失内容和功能。这些要求对常规产品来说都是可以系统性达到的,不需要特殊技术或极端投入。
AA 级是目前全球主流法规对齐的标准。欧盟的无障碍法案(European Accessibility Act)、美国的 Section 508、中国的 GB/T 37668,在提出合规要求时,基准线基本都落在 WCAG 2.1 AA 级。对大多数产品团队来说,AA 就是工作中需要对齐的目标。
如果说 A 级保障的是"进门",AA 级保障的则是"进门之后能正常走完流程"。
AAA 级在 AA 的基础上,进一步提升使用的舒适度和包容性。它处理的不再是"能不能用"或"费不费劲",而是"能不能用得更加从容"。
文本对比度从 AA 的 4.5:1 提升到 7:1,在更极端的视觉条件下也能保持清晰。视频内容不只有字幕,还要提供手语翻译。页面中出现的缩写和专业术语都需要提供展开说明。内容的阅读难度要控制在较低水平,避免复杂的句式和生僻的词汇。用户在任何有时间限制的操作中都可以关闭或大幅延长时限。
AAA 级有 28 条成功标准。其中一部分在特定场景下完全可以落地,比如提高对比度、为缩写提供全称;但另一部分在通用产品中很难全面满足。手语翻译需要专业的手语译者持续制作内容,全站阅读水平控制需要对每一段文案做可读性测试和改写,这些在内容量大、更新频繁的产品里维护成本极高。
也正因如此,AAA 级在 WCAG 官方文档中就明确说明:不建议将 AAA 级作为整个网站的合规目标。它的正确用法是逐条评估,在产品中的关键场景或特定用户群体需求突出的地方,选择性地落实相关条目。
了解了三个等级各自覆盖什么之后,那么你很自然会问:凭什么这条标准是 A 级,那条是 AA 级?划分依据是什么?
WCAG 工作组在确定每条成功标准的等级时,主要考量两个维度。
第一个维度是影响的严重程度。不满足这条要求时,用户受到的影响是什么性质的?是"完全无法完成任务",还是"可以完成但过程困难",还是"能完成、不算难、但不够舒适"?
影响越严重,等级越基础。图片没有替代文字,屏幕阅读器用户在那个位置获取不到任何信息,这是功能性缺失,所以是 A 级。对比度不够,用户还是能读到文字,只是费力,所以是 AA 级。对比度从 4.5:1 提到 7:1,费力程度进一步降低,属于舒适度提升,所以是 AAA 级。
第二个维度是实现的可行性。不只看"该不该做",还看"大多数团队做不做得到"。同样是让听障用户获取视频信息,字幕的制作流程成熟、成本可控,绝大多数团队都能覆盖,所以字幕是 A 级要求。手语翻译则需要聘请专业译者逐条录制,内容量大的产品几乎不可能全部覆盖,所以手语翻译被放在了 AAA 级。
两个维度交叉作用,决定了每条标准落在哪个等级。不是所有 A 级条目都"简单",也不是所有 AAA 级条目都"困难"——AAA 里也有像"提高对比度"这样技术上毫无门槛的条目,它被放在 AAA 是因为 AA 的 4.5:1 已经满足了大部分场景的需求,7:1 是锦上添花。
理解了这个逻辑之后,你就不会把等级当成产品质量的评分,而是把它当成一套帮助团队做优先级决策的分级工具。资源有限时先做什么、后做什么、哪些可以在特定场景中追加,三个等级给出了清晰的参考线。
把对比度、错误处理、导航、时间限制这几个方向横着看一遍,就能看明白三个等级是怎么在同一件事上逐级加码的。
对比度。 A 级没有对比度的专项要求(因为 A 级聚焦的是更基础的"能不能访问"的问题)。AA 级要求文本与背景的对比度至少达到 4.5:1,大号文字(18pt 及以上,或 14pt 加粗及以上)放宽到 3:1。AAA 级把标准提高到 7:1,大号文字 4.5:1。
错误处理。 A 级要求系统检测到输入错误时,必须用文字告诉用户哪里出了错(不能只用颜色变化来提示)。AA 级在此基础上要求给出具体的修改建议——不只说"邮箱格式错误",还要说"请输入类似 name@example.com 的格式"。对于涉及法律或财务承诺的操作(比如提交订单、签署协议),AA 级还要求提供撤销、确认或检查的机制。AAA 级则把这种错误预防机制扩展到所有需要用户提交数据的场景,不只限于高风险操作。
导航辅助。 A 级要求页面有标题、表单有标签,用户能知道自己在操作什么。AA 级要求提供多种导航方式(如站内搜索、站点地图、目录导航),让用户可以用自己偏好的方式找到内容。焦点在页面上移动时必须有可见的指示器。AAA 级进一步要求每个章节都有标题标记,链接文本仅凭文字本身就能看出指向(不依赖上下文)。
时间限制。 A 级要求如果页面有时间限制(比如自动登出、限时操作),用户必须能够关闭或延长时限,且延长操作要足够简单。AA 级没有在时间限制上追加新条目。AAA 级则要求更彻底——除了实时事件(如拍卖)和必要的系统限制外,操作不设任何时间限制。

三个等级不是三套独立的要求,而是同一组关注点上的三档刻度。A 解决"有没有",AA 解决"好不好用",AAA 解决"能不能更从容"。
不确定该瞄准哪个等级的时候,首选 AA。
法规层面,前面提到的欧盟无障碍法案、美国 Section 508、中国 GB/T 37668,要求的基准都是 AA。产品如果面向这些市场的用户,AA 是合规底线,不是可选目标。覆盖面上,AA 包含了 A 的全部 30 条和自身的 20 条,总共 50 条成功标准,覆盖了绝大多数用户在绝大多数场景下会遇到的障碍。可行性上,这 50 条要求对常规产品团队来说都可以系统性地达到,不需要额外的专业资源投入,不需要对内容生产流程做根本性改造。
把 AA 作为默认目标,意味着团队在做设计决策时有了一根稳定的参考线:对比度检查按 4.5:1 来,焦点样式必须可见,错误提示写到具体字段,缩放到 200% 不能溢出。这些要求足够具体,可以直接写进设计规范和走查清单。
只满足 A 级的产品,用户确实能"进门"——屏幕阅读器能读到内容,键盘能聚焦到控件,表单有标签。但进门之后的体验是另一回事。
A 级对颜色对比度没有要求。一个浅灰文字配白底背景的页面,只要图片有 alt、按钮能用键盘按到,就可以通过 A 级。但低视力用户和在户外使用的人根本看不清这些文字。
A 级对焦点指示器也没有要求。键盘用户在 A 级产品中能用 Tab 键移动焦点,但页面上看不到任何视觉反馈,不知道当前焦点停在哪个元素上。这相当于用户可以开车,但挡风玻璃是磨砂的。
A 级对错误提示的要求只是"告诉用户出了错",不要求给出修改建议。用户填了一个格式不对的手机号,系统只说"输入有误",不说哪里有误、该怎么改,用户只能反复试。
法规层面也不认可只达到 A 级。目前没有任何主要市场的无障碍法规把合规门槛设在 A 级。只做到 A,既无法通过合规审查,也无法给用户提供真正可用的体验。
AAA 不适合作为整个产品的合规目标,但这不意味着 AAA 的条目和设计师无关。正确的做法是根据产品特性和用户需求,从 AAA 的 28 条标准中有选择地落实。
判断哪些 AAA 条目值得优先落实,可以从用户场景出发。
教育类产品的用户中可能包括有阅读障碍的学生,AAA 级中关于阅读水平和内容简明性的条目(3.1.5 阅读水平)就值得重点关注。在设计课程内容时,主动控制句式复杂度和用词难度,不是为了合规,而是因为用户确实需要。
视频平台的用户中有大量听障用户,AA 级要求的字幕可能不够,AAA 级中关于手语翻译的条目(1.2.6)可以在核心内容上优先落实。至少先为使用频率最高的内容类型提供手语版本。
政务和医疗类产品的用户在使用过程中容错余地很小(填错一个社保号或药物剂量的后果很严重),AAA 级中关于错误预防机制扩展到所有数据提交场景的条目(3.3.6)就有实际意义。
对于对比度,从 AA 的 4.5:1 提升到 AAA 的 7:1,技术上几乎没有额外成本,只需要在选色时调整参数。如果产品的用户中老年人占比高,或者使用场景经常涉及户外强光环境,直接按 7:1 来做是合理的。
上面四个例子的共同点都不是冲着"达到 AAA"去的,而是因为某类用户在某个场景下确实需要,才从 AAA 的条目里挑出来做。
回到自己的产品上,问这几个问题就能定下来,你的产品需要选那哪个级别。

产品是面向公众用户吗?如果是,AA 是起步线。不论产品规模大小、所在行业,只要面向公众开放,AA 都是合理的默认目标。
有没有特定法规要求?如果产品涉及欧盟市场、美国联邦政府采购、或中国政务服务,需要查阅对应法规的具体条款。多数情况下要求的是 WCAG 2.1 AA,但个别条款可能有额外要求。
用户群体中有没有特别突出的需求?老年人多、教育场景、医疗场景、视障用户占比高。这些情况都需要从 AAA 条目中选用相关条目重点落实。
是内部工具吗?内部工具的用户量有限且可控,但这不意味着可以忽略无障碍。团队中可能有使用辅助技术的成员,招聘时也不应因工具不可用而排除候选人。所以至少达到 A 级,推荐 AA。
"我们产品做到 AAA 了。" 声称全站达到 AAA 的团队,大概率误解了等级的含义。AAA 的 78 条全部通过意味着产品中所有视频都有手语翻译、所有文案都通过了可读性测试、所有操作都没有时间限制。对内容量超过一定规模的产品来说,这在实际运营中几乎不可能全面持续地满足。WCAG 官方也不建议将 AAA 作为整站目标。说"我们在某些关键场景落实了部分 AAA 条目"是合理的表述,说"我们做到了 AAA"则需要非常审慎地验证。
"A 级够了,先上线再说。" A 级缺少关键的体验保障。没有对比度要求,没有焦点可见性要求,错误提示不要求给出修改建议。这些在用户日常使用中是影响很大的方面,A 级都没有覆盖。而且没有任何主要市场的法规把合规标准定在 A 级。"先做到 A"作为一个阶段性的过渡目标可以接受,但不能把它当成终点。
"等级是开发的事,和设计师无关。" 这三个等级中和设计师直接相关的条目占比很高。对比度是视觉设计阶段决定的。焦点指示器的样式是交互和视觉设计的工作。错误提示的文案是内容设计的范畴。触控目标的尺寸和间距是交互设计的基本要求。这些条目如果在设计阶段都没有考虑,到了开发阶段再补,要么设计返工,要么开发自行补救。这两种情况的成本都比前期做对高得多。
"三个等级对应三种用户。" A 级不是"给重度障碍用户的",AAA 级也不是"给轻度障碍用户的"。同一个盲人用户,既需要 A 级的图片替代文字(否则完全获取不到信息),也需要 AA 级的错误修改建议(否则表单报错时只知道"有误",不知道怎么改,反复提交反复失败),也可能受益于 AAA 级的简明语言(如果他同时有认知方面的困难)。所以等级分的是要求,不是用户。同一个用户可能会同时用到三个等级里的条目。
我们再回到最开始的问题:A、AA、AAA 到底在区分什么?
它们区分的是同一套标准中不同条目的严格程度和落地门槛。A 保障"能进门",AA 保障"进门后走得通",AAA 在特定场景下让体验更从容。三个等级是帮助团队做资源分配和优先级排序的工具——先做什么、后做什么、哪些在特定场景中值得追加,有了等级,这些判断就有了依据。
对绝大多数产品来说,AA 是当前最务实的对齐标准。但不要把"达到 AA"当成终点。等级衡量的是条目通过率,而无障碍真正要解决的问题始终是让尽可能多的人,在尽可能多的情境下,能顺畅地使用你的产品。条目全部通过是手段,不是目的。
有0人收藏了本文