WCAG AA合规咨询：对比度不达标是否不合格？知名网站为何违规？

嘿，这个问题问得特别接地气——很多刚入坑无障碍（a11y）的同学都会有这个疑问：为啥明明看着知名网站有对比度问题，却还能算合规？咱们拆解着说：

1. WCAG合规是「整体达标」，而非「每个元素必符合」 #

WCAG的核心是确保残障人士能感知、理解、操作和导航内容，而非要求每一个像素都完美达标。它允许一些例外情况，比如：

• 纯装饰性的文本/图标：这类元素本身不传递关键信息，哪怕对比度不够也不影响合规；
• 次要辅助信息：比如页面底部的小字版权声明、非核心提示语，只要不影响用户获取核心内容，对比度要求可以适当放宽；
• 大字号文本的特殊规则：如果文本字号≥18pt（或≥24pt粗体），AA级要求的对比度可以从4.5:1降到3:0——你提到的DuoLingo的文本，说不定刚好符合这个例外？

2. 图标对比度的判断要结合「功能性」 #

关于图标，WCAG的要求是功能性图标（比如按钮、交互控件）需要满足对比度，但也要看具体场景：

• 如果图标有配套的文本标签（比如Gmail的某些图标旁边有文字说明），即使图标本身对比度稍低，用户也能通过文本识别功能；
• 交互状态的补充：有些图标在hover/聚焦时会提高对比度，或者有边框提示，这种动态补充也能满足合规要求；
• 装饰性图标：纯视觉装饰的图标，本身不需要传递功能信息，自然不需要满足对比度要求。

3. 自动化测试的局限性与人工判断 #

你可能是用自动化工具测出来的对比度问题，但这类工具经常会误报：

• 它们没法区分「核心信息」和「次要信息」，只会机械检测颜色比值；
• 有些元素的对比度在实际场景中是足够的（比如浅色文本在渐变背景上，工具可能算错，但人眼能清晰识别）；
• 大型网站通常会做人工合规审计，针对工具误报的情况做人工豁免，只要符合WCAG的例外条款就行。

4. 合规的「阶段化」实践 #

很多知名网站不是一蹴而就达到AA合规的，而是分阶段优化：先确保核心功能（比如登录按钮、导航栏、主要内容文本）符合要求，再逐步优化次要元素。只要核心功能无障碍，整体就可以算作AA合规。

简单说：合规不是「零错误」，而是「确保残障用户能正常使用核心功能」。那些你看到的低对比度元素，要么属于例外情况，要么有其他无障碍措施做补充，所以不影响整体的WCAG AA合规资格。

内容的提问来源于stack exchange，提问作者Brian Genisio