主按钮底色是品牌黄 #FFD400,文字白色,对比度测出来 1.7:1,用户反馈按钮上的字看不清,浅色屏幕上尤其明显。日志里能对上时间点,这种反而好排。
品牌色是按 logo 定的,没考虑当背景用时的亮度,黄色本身明度高,白字压不住。这种底色得配深色文字。这一点先确认清楚,后面就不用反复试。
.btn-primary {
background: #FFD400;
color: #1A1A1A;
}
「品牌色对比度」排查到最后往往是很小的一处差异,前面那些复杂猜测可以先放一放。先做最小复现,能稳定跑出来的问题,排查成本会低一个数量级。
别只看报错的最后一行,往上看几行,真正的起因通常在上面。同类问题如果隔一段时间又出现,多半是某个定时任务或重启流程把改动冲掉了。
处理上按这个顺序:同一品牌色下把文字换成 #1A1A1A 深灰;算一遍对比度 目标 4.5:1 以上;链接和次要按钮统一用同一套文字色;在灰阶模式下再看一眼 确保不是只靠颜色区分。
结果对不对很好判断,对比度工具测出来 8:1 左右 按钮文字在强光下也清楚。
