工单说按钮字看不清。我们算比值。底图或半透明叠上去,数字过了也可能翻车。占位灰字 2.1:1 不够当关键信息。
评审说「这个标签 2.8:1」——重算相对亮度比。不是验收公司。真页面还有背景图、14px 对 24px、半透明叠层,数字过了也可能翻车。
截图取色走图片取色。新色板走配色生成。渐变走 CSS 渐变,叠字后再回来吸像素。
按钮字看不清
- 两平色的比。照片上的字随像素变。
- 常见口令:正文约 4.5:1,大字/部分 UI 3:1,AAA 正文约 7:1。不出符合性报告。
- 占位符、版权小字、图表浅线是最容易被放过的坑。
- 暗色主题要重新算,不要把浅色主题的比值直接抄过去。
怎么用
- 填前景、背景 hex。半透明先在预览里吸实际色。
- 对照 AA/AAA 行。
- 真页面再看一遍(背景图、字号、焦点态)。
使用前先看清的限制
不是免责声明,不是唯一算法,不是整站爬虫。通过比值不等于真页面一定合规。