把整套色板两两组合放进一张 N×N 审计表,WCAG 比值 + APCA Lc 双指标全覆盖,配色无障碍一表定案。
| fg ↓ / bg → | |||||||
|---|---|---|---|---|---|---|---|
Ag1.0Lc0 | Ag4.2Lc+35 | Ag3.8Lc+31 | Ag5.2Lc+42 | Ag8.4Lc+62 | Ag1.2Lc0 | Ag17.4Lc+104 | |
Ag4.2Lc-33 | Ag1.0Lc0 | Ag1.1Lc0 | Ag1.3Lc0 | Ag2.0Lc+25 | Ag5.0Lc-34 | Ag4.2Lc+67 | |
Ag3.8Lc-29 | Ag1.1Lc0 | Ag1.0Lc0 | Ag1.4Lc+10 | Ag2.2Lc+30 | Ag4.6Lc-30 | Ag4.6Lc+72 | |
Ag5.2Lc-40 | Ag1.3Lc0 | Ag1.4Lc-11 | Ag1.0Lc0 | Ag1.6Lc+18 | Ag6.3Lc-41 | Ag3.3Lc+60 | |
Ag8.4Lc-61 | Ag2.0Lc-27 | Ag2.2Lc-32 | Ag1.6Lc-20 | Ag1.0Lc0 | Ag10.2Lc-62 | Ag2.1Lc+40 |
行 = 文字色(前景),列 = 背景色。每个交叉格展示前景色压在背景色上的真实渲染,以及两套无障碍指标:WCAG 对比度比值(AA 正文 ≥ 4.5,AA 大字 ≥ 3.0)与 APCA Lc 值(Lc 75 以上适合正文,60 以上适合大字)。
把全部候选色放进一张 N×N 矩阵,任意前景×背景组合的无障碍表现一表看完。
把品牌色、语义色、中性灰都加进来(最多 10 个),行是前景、列是背景。
每格显示 WCAG 比值与 APCA Lc 双指标:小圆点达标亮起,正文看 Lc 75+,大字看 60+。
把会做按钮配对、正文配对挑出来记录进设计规范;不达标的组合在设计阶段就排除。
全组合审计时的三个高频问题。
把达标组合沉淀进语义色系与设计规范。