iter(g262): 对比度门禁增加非文本配对
This commit is contained in:
@@ -4,7 +4,8 @@
|
||||
* 改一个 --ua-color-text-muted 就能让全站辅助文字跌到 4.4,人眼在亮底上未必察觉,暗色下更看不出来。
|
||||
* 这里只做四步:解析令牌 → 求值(含 color-mix 混色)→ 按固定配对表算比值 → 与阈值比对。
|
||||
* 配对表写死在代码里(而不是外置配置):它是「设计契约」,加一条配对等于承认一种新的文字/底色组合,
|
||||
* 必须在评审里看见;阈值分三档(正文 7 / 常规文字 4.5 / 禁用态 2.6)对应 WCAG AA/AAA 与豁免口径。
|
||||
* 必须在评审里看见;阈值分三档(正文 7 / 常规文字 4.5 / 禁用态 2.6)对应 WCAG AA/AAA 与豁免口径,
|
||||
* 另有一档 3 给非文本元素(焦点描边):WCAG 1.4.11 对「关键图形与界面部件」只要求 3:1。
|
||||
*/
|
||||
import fs from 'node:fs';
|
||||
import path from 'node:path';
|
||||
@@ -30,6 +31,9 @@ export const PAIRS = [
|
||||
{ label: '成功色 / 页面底', fg: 'success', bg: 'bg', min: 4.5 },
|
||||
{ label: '警告色 / 页面底', fg: 'warning', bg: 'bg', min: 4.5 },
|
||||
{ label: '三级文字(禁用)/ 页面底', fg: 'text-faint', bg: 'bg', min: 2.6 },
|
||||
// 非文本对比(WCAG 1.4.11):焦点描边是键盘用户唯一的「我在哪」线索,阈值 3:1 而不是文字档
|
||||
{ label: '焦点描边 / 页面底', fg: 'accent', bg: 'bg', min: 3 },
|
||||
{ label: '焦点描边 / 表面', fg: 'accent', bg: 'surface', min: 3 },
|
||||
];
|
||||
|
||||
/*** 作用:读文件并归一换行,保证解析稳定 ***/
|
||||
|
||||
Reference in New Issue
Block a user