A / AA / AAA:无障碍设计的三个等级到底在区分什么,该怎么选

2026年6月11日
研学小组
研学小组
美叶研学官方内容开发小组
已累计原创 93 篇文章查看全部

很多哦设计师第一次看到 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 级在处理的事。

A 级在三个等级中条目最多,有 30 条,覆盖面最广。它涉及文字替代、键盘可访问、基本的导航结构、表单标签、避免引发癫痫的闪烁内容等方面。每条的门槛不算高,但不做的后果很严重——这不是单一的"体验打折",而是"功能缺失"。

所以可以这样说,A 级保障的是用户能不能"进门"。门都进不来,那么后面的一切都无从谈起。


AA 级:行业基准

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 级:理想标准

AAA 级在 AA 的基础上,进一步提升使用的舒适度和包容性。它处理的不再是"能不能用"或"费不费劲",而是"能不能用得更加从容"。

文本对比度从 AA 的 4.5:1 提升到 7:1,在更极端的视觉条件下也能保持清晰。视频内容不只有字幕,还要提供手语翻译。页面中出现的缩写和专业术语都需要提供展开说明。内容的阅读难度要控制在较低水平,避免复杂的句式和生僻的词汇。用户在任何有时间限制的操作中都可以关闭或大幅延长时限。

AAA 级有 28 条成功标准。其中一部分在特定场景下完全可以落地,比如提高对比度、为缩写提供全称;但另一部分在通用产品中很难全面满足。手语翻译需要专业的手语译者持续制作内容,全站阅读水平控制需要对每一段文案做可读性测试和改写,这些在内容量大、更新频繁的产品里维护成本极高。

也正因如此,AAA 级在 WCAG 官方文档中就明确说明:不建议将 AAA 级作为整个网站的合规目标。它的正确用法是逐条评估,在产品中的关键场景或特定用户群体需求突出的地方,选择性地落实相关条目。


二、等级划分的底层逻辑

了解了三个等级各自覆盖什么之后,那么你很自然会问:凭什么这条标准是 A 级,那条是 AA 级?划分依据是什么?

1. 两个评估纬度

WCAG 工作组在确定每条成功标准的等级时,主要考量两个维度。

第一个维度是影响的严重程度。不满足这条要求时,用户受到的影响是什么性质的?是"完全无法完成任务",还是"可以完成但过程困难",还是"能完成、不算难、但不够舒适"?

影响越严重,等级越基础。图片没有替代文字,屏幕阅读器用户在那个位置获取不到任何信息,这是功能性缺失,所以是 A 级。对比度不够,用户还是能读到文字,只是费力,所以是 AA 级。对比度从 4.5:1 提到 7:1,费力程度进一步降低,属于舒适度提升,所以是 AAA 级。

第二个维度是实现的可行性。不只看"该不该做",还看"大多数团队做不做得到"。同样是让听障用户获取视频信息,字幕的制作流程成熟、成本可控,绝大多数团队都能覆盖,所以字幕是 A 级要求。手语翻译则需要聘请专业译者逐条录制,内容量大的产品几乎不可能全部覆盖,所以手语翻译被放在了 AAA 级。

两个维度交叉作用,决定了每条标准落在哪个等级。不是所有 A 级条目都"简单",也不是所有 AAA 级条目都"困难"——AAA 里也有像"提高对比度"这样技术上毫无门槛的条目,它被放在 AAA 是因为 AA 的 4.5:1 已经满足了大部分场景的需求,7:1 是锦上添花。

理解了这个逻辑之后,你就不会把等级当成产品质量的评分,而是把它当成一套帮助团队做优先级决策的分级工具。资源有限时先做什么、后做什么、哪些可以在特定场景中追加,三个等级给出了清晰的参考线。

2. 三个等级中的不同要求

把对比度、错误处理、导航、时间限制这几个方向横着看一遍,就能看明白三个等级是怎么在同一件事上逐级加码的。

对比度。 A 级没有对比度的专项要求(因为 A 级聚焦的是更基础的"能不能访问"的问题)。AA 级要求文本与背景的对比度至少达到 4.5:1,大号文字(18pt 及以上,或 14pt 加粗及以上)放宽到 3:1。AAA 级把标准提高到 7:1,大号文字 4.5:1。

错误处理。 A 级要求系统检测到输入错误时,必须用文字告诉用户哪里出了错(不能只用颜色变化来提示)。AA 级在此基础上要求给出具体的修改建议——不只说"邮箱格式错误",还要说"请输入类似 name@example.com 的格式"。对于涉及法律或财务承诺的操作(比如提交订单、签署协议),AA 级还要求提供撤销、确认或检查的机制。AAA 级则把这种错误预防机制扩展到所有需要用户提交数据的场景,不只限于高风险操作。

Pro 会员文章
开通美叶 Pro 会员,即可阅读此篇文章的全部内容,同时可阅读全站 Pro 会员文章
开通美叶 Pro

0 人收藏了本文

WCAG 四大原则:为什么是这四个,它们解决什么问题WCAG 四大原则:为什么是这四个,它们解决什么问题
WCAG可感知:文本替代(Text Alternatives)WCAG可感知:文本替代(Text Alternatives)
什么是WCAG?什么是WCAG?
什么是屏幕阅读器?什么是屏幕阅读器?
无障碍不是为了少数人,普通用户也会受益无障碍不是为了少数人,普通用户也会受益