速查在线工具箱WCAG 无障碍关键数值速查
对比度 4.5:1 是怎么来的、多大字号算大文本、按钮要满足什么对比、WCAG 2.2 新增的目标尺寸要求——做无障碍验收要用的数值都在这。
无障碍验收里的争议，十有八九落在数值上：这个灰底白字到底合不合规、这个按钮算不算大文本。WCAG 的规则其实很明确——对比度按文本尺寸分档，界面控件另有独立要求，把几组关键数值记住，大部分判断可以当场完成。
WCAG 分 A、AA、AAA 三级符合度，国内互联网产品通行以 AA 为验收基线；本篇数值口径为 WCAG 2.1，并标注 2.2 新增条款。对比度本身可以用对比度检查工具直接测。
1文本对比度阈值（AA 与 AAA）
对比度取值 1 到 21，由前景与背景的相对亮度计算。WCAG 按文本尺寸分两档要求。
| 文本类型 | AA 要求 | AAA 要求 |
|---|---|---|
| 常规文本（小于大文本阈值） | 不低于 4.5:1 | 不低于 7:1 |
| 大文本（见下一行定义） | 不低于 3:1 | 不低于 4.5:1 |
| 大文本的定义 | 字号不小于 24px（18pt），或加粗且不小于 18.66px（14pt bold） | 同左 |
大文本享受放宽是因为字号本身补偿了可读性。判断时先量字号再定档：18.66px 的加粗文字按 3:1 验收，同尺寸不加粗则按 4.5:1。
2非文本元素与 2.2 新增要求
图形、控件边界也要求对比度，WCAG 2.2 又补充了操作目标的尺寸要求。
| 条款 | 要求 | 说明 |
|---|---|---|
| UI 组件与图形对比（1.4.11） | 不低于 3:1 | 输入框边框、图标、焦点框、图表关键元素都算 |
| 目标尺寸（2.5.8，2.2 新增） | 不小于 24×24 CSS 像素 | 可点击目标的短边尺寸，不足时需留足间距 |
| 焦点可见（2.4.7） | 键盘焦点指示器可见 | 不能用 outline: none 却不给替代样式 |
| 颜色非唯一载体（1.4.1） | 不能只靠颜色区分信息 | 错误提示需同时有图标或文字说明 |
实践里最常翻车的是浅灰占位文字和低对比度图标：占位符同样按 4.5:1 验收，多数默认灰色是不达标的。
3常见不达标情形自查
- 灰底灰字
- 占位符、辅助说明用浅灰，实测常在 3:1 上下，达不到 4.5:1
- 彩色背景上的白字
- 品牌色亮度高时白字对比不足，浅蓝、浅绿、黄色尤其危险
- 描边太细的图标
- 1px 细线图标在低对比下失效，UI 图标按 3:1 验收
- 只有颜色区分状态
- 表单错误只把边框变红，色弱用户无法感知，需补图标或文案
- 点击目标过小
- 移动端小图标按钮不足 24px，误触率高，也过不了 2.5.8
看完就能用的站内工具
全部工具总览 →关于「WCAG 无障碍关键数值速查」的常见问题
对比度 4.5:1 是什么意思，怎么算的？
对比度是前景色与背景色相对亮度的比值，取值范围从 1:1（完全相同）到 21:1（纯黑对纯白）。计算方法是把两种颜色分别转换为相对亮度（考虑人眼对不同通道的敏感度加权），较亮者加一作分子、较暗者加一作分母。结果不需要自己手算，用对比度检查工具输入两个色值即可。WCAG 的分档要求是：常规文本 AA 级不低于 4.5:1，大文本不低于 3:1，AAA 级分别提高到 7:1 和 4.5:1。验收时先确认文本字号是否达到大文本阈值，再对照相应档位判断。
多大的字算「大文本」，可以放宽到 3:1？
WCAG 的定义是字号至少 24 像素（等于 18 磅），或者加粗且字号至少 18.66 像素（14 磅加粗）。满足任一条件即可按大文本对待，AA 级对比度要求从 4.5:1 放宽到 3:1。要注意三点：一是按 CSS 像素算，不是物理像素；二是 24px 的普通字重和 18.66px 的加粗是两条并行的门槛，不能混用；三是标题类文字即使很大，也不建议贴着 3:1 做——放宽是底线不是推荐值，深色文字压深色背景即使合规，可读性也未必好。
图标和按钮边框也要查对比度吗？
要。WCAG 1.4.11 对「非文本对比度」的 AA 要求是不低于 3:1，覆盖输入框边框、单选复选框、图标、焦点指示器、图表中理解信息必需的图形元素等。一个常见误区是只查正文颜色就认为达标，结果提交按钮的浅色边框在浅色背景上根本看不清。另外 WCAG 2.2 新增的目标尺寸条款要求可点击目标不小于 24×24 CSS 像素，移动端的小图标按钮尤其容易不达标。验收时建议把文本对比度、UI 对比度、目标尺寸三项分开各查一遍，用无障碍清单工具逐项勾对最稳。
继续查：相关内容
全部速查 →内容说明：本页速查数据由本站自行整理，事实性内容以对应官方规范与文档为准，未复制第三方速查表或百科的表述。数据最后核对日期：2026-10-10。若发现错误或已更新的标准，欢迎通过页脚反馈入口告知。