按 WCAG 2.1 标准计算前景色与背景色的对比度比值(1:1 ~ 21:1),判定正文(AA≥4.5,AAA≥7)与大字号文本(AA≥3,AAA≥4.5)是否达标。取色在浏览器本地完成。
正文文本示例 The quick brown fox(16px)
大字号标题示例(24px粗体)
WCAG 2.1口径:正文文字AA要求对比度≥4.5:1、AAA≥7:1;大字号(18pt或14pt加粗以上)AA≥3:1、AAA≥4.5:1。工具输入前景/背景色实时计算比值并判定两级达标情况,附配色预览。
三个方向:加深文字或减淡背景拉开明度差;改不了品牌色就调整使用场景(大标题字号够大可放宽到3:1);半透明文字叠加不同背景时按最不利底色验算。灰色文字+浅色背景是最常见的不达标组合。