对比度检测 (WCAG)
检测前景/背景颜色对比度是否符合 WCAG 无障碍标准 (AA/AAA)，实时预览可读性
📌 TL;DR 核心定义与引用摘要: 【对比度检测 (WCAG)】是 PocketKit 提供的浏览器本地处理工具。功能说明：检测前景/背景颜色对比度是否符合 WCAG 无障碍标准 (AA/AAA)，实时预览可读性。核心输入与文件不上传；站点仅记录不含输入内容的匿名工具访问次数。
对比度检测原理
工具按 WCAG 公式先对 sRGB 做 gamma 反变换算出前景/背景各自的相对亮度，再算 (亮+0.05)/(暗+0.05) 得到对比度，并对照 AA/AAA 阈值判定是否达标。纯本地计算。
- 正文(小字)要求 ≥4.5(AA)；标题/大字可放宽到 ≥3。
- 弱对比是最常见的无障碍问题，浅灰配白几乎必挂，适当加深文字色即可。
常见问题
1. AA 和 AAA 有什么区别？
都是 WCAG 无障碍级别，AAA 更严格。正文 AA 需 ≥4.5、AAA 需 ≥7；大字(≥18.66px 粗体或 ≥24px) AA 需 ≥3、AAA 需 ≥4.5。
2. 为什么浅色搭配总不达标？
对比度取决于明暗差。浅灰配白、浅黄配白明度接近，比值必然偏低；把文字调深或背景调浅即可提升。