iter(g334): 语义淡底文字纳入对比度门禁
This commit is contained in:
HIsheR
@@ -3392,6 +3392,15 @@
|
||||
"motivation": "现有的交叉校验只有正向：留痕里的哈希必须真实存在且主题指向同一条目。反过来的漏写无人管——某个 iter 提交忘了 ua iter done，日志看起来完全正常（每条都合法），实际少记了一轮产出，周报统计与「停摆了多久」的判断全跟着失真；而人恰恰最容易在赶工时跳过收尾那一步。",
|
||||
"acceptance": "① ua verify 新增反向校验：git 里每个 iter(<id>) 提交的短哈希必须在 iterations.log 出现过，缺失即退出码 1 并指出哈希与主题；② 非迭代提交（feat / chore / docs 等）不受影响；③ 负向自检：造一条空的 iter(g999) 提交后 verify 必须报红，回滚后必须恢复全绿（下一轮可复现）；④ 历史存量零违规（341 条 iter 提交全部有留痕）；⑤ AGENTS 的门禁说明与 verify 成功串同步，npm run check 全绿。",
|
||||
"notes": ""
|
||||
},
|
||||
{
|
||||
"id": "g334",
|
||||
"domain": "visual",
|
||||
"status": "open",
|
||||
"title": "语义淡底上的文字纳入对比度门禁：警告提示条亮色只有 4.12",
|
||||
"motivation": "对比度门禁有「正文 × 强调淡底」，却没有「正文 / 语义色 × 语义三色淡底」——而提示条、失败步骤、删除悬停底的文字恰恰压在这些淡底上。补上配对后立刻抓到一处真实不达标：亮色警告色 #9a6b1f 压在自家 10% 淡底上只有 4.12（AA 要 4.5），也就是最需要被读清的警告条文字反而不合格。",
|
||||
"acceptance": "① contrast-audit 的 PAIRS 增加 6 组：正文与语义色各自 × 危险 / 成功 / 警告淡底（阈值 4.5），淡底先压到页面底再求值；② 亮色警告色加深到 #8a5d15（页面底 5.74、警告淡底 5.01），tokens.css 与 tokens.json 双源同步（verify 的名字与值校验要过）；③ audit:contrast 全部 24 组配对在亮 / 暗 × 常规 / 高对比四套主题下达标，audit:surface 阶梯仍全部达标（淡底变深只会变明显）；④ AGENTS 的门禁说明同步到 24 组；⑤ npm run check 全绿。",
|
||||
"notes": ""
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
+1
-1
@@ -2833,7 +2833,7 @@ node packages/tools/cli/bin/ua.js <index|list|info <包名|组件id[,组件id…
|
||||
- --ua-color-tint-accent-weak: color-mix(in srgb, var(--ua-color-accent) 5%, transparent)（暗色 color-mix(in srgb, var(--ua-color-accent) 8%, transparent)）
|
||||
- --ua-color-danger: #a32d2d（暗色 #d96a6a）
|
||||
- --ua-color-success: #0f6e56（暗色 #4fc39e）
|
||||
- --ua-color-warning: #9a6b1f（暗色 #d9a94f）
|
||||
- --ua-color-warning: #8a5d15（暗色 #d9a94f）
|
||||
- --ua-color-tint-danger: color-mix(in srgb, var(--ua-color-danger) var(--ua-alpha-soft), transparent)（暗色 color-mix(in srgb, var(--ua-color-danger) 14%, transparent)）
|
||||
- --ua-color-tint-success: color-mix(in srgb, var(--ua-color-success) var(--ua-alpha-soft), transparent)（暗色 color-mix(in srgb, var(--ua-color-success) 14%, transparent)）
|
||||
- --ua-color-tint-warning: color-mix(in srgb, var(--ua-color-warning) var(--ua-alpha-soft), transparent)（暗色 color-mix(in srgb, var(--ua-color-warning) 14%, transparent)）
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
--ua-color-tint-accent-weak: color-mix(in srgb, var(--ua-color-accent) 5%, transparent); /* 语义淡底弱档：悬停底、极弱强调底 */
|
||||
--ua-color-danger: #a32d2d; /* 危险色：错误、删除、校验失败 */
|
||||
--ua-color-success: #0f6e56; /* 成功色：完成、通过、正向结果 */
|
||||
--ua-color-warning: #9a6b1f; /* 警告色：提醒、需注意但不阻断 */
|
||||
--ua-color-warning: #8a5d15; /* 警告色：提醒、需注意但不阻断（原 #9a6b1f 压在警告淡底上只有 4.12，AA 不过，加深到此值后 5.01） */
|
||||
--ua-color-tint-danger: color-mix(in srgb, var(--ua-color-danger) var(--ua-alpha-soft), transparent); /* 语义淡底（危险）：错误提示条、失败步骤底、删除按钮悬停底 */
|
||||
--ua-color-tint-success: color-mix(in srgb, var(--ua-color-success) var(--ua-alpha-soft), transparent); /* 语义淡底（成功）：通过提示、完成态条底 */
|
||||
--ua-color-tint-warning: color-mix(in srgb, var(--ua-color-warning) var(--ua-alpha-soft), transparent); /* 语义淡底（警告）：需注意但不断言的提示底 */
|
||||
|
||||
@@ -50,7 +50,7 @@
|
||||
"dark": "#4fc39e"
|
||||
},
|
||||
"warning": {
|
||||
"light": "#9a6b1f",
|
||||
"light": "#8a5d15",
|
||||
"dark": "#d9a94f"
|
||||
},
|
||||
"surface2": {
|
||||
|
||||
@@ -27,6 +27,14 @@ export const PAIRS = [
|
||||
{ label: '主按钮文字 / 强调底', fg: 'accent-contrast', bg: 'accent', min: 4.5 },
|
||||
{ label: '正文 / 强调淡底', fg: 'text', bg: 'tint-accent', min: 4.5 },
|
||||
{ label: '强调文字 / 强调淡底', fg: 'accent', bg: 'tint-accent', min: 4.5 },
|
||||
// 语义淡底是提示条 / 失败步骤 / 删除悬停的真实底色：文字压在这三块上必须单独算，
|
||||
// 只看「语义色 / 页面底」会漏掉「底色把文字吃掉」的那一类（淡底本身就在往语义色靠）
|
||||
{ label: '正文 / 危险淡底', fg: 'text', bg: 'tint-danger', min: 4.5 },
|
||||
{ label: '危险文字 / 危险淡底', fg: 'danger', bg: 'tint-danger', min: 4.5 },
|
||||
{ label: '正文 / 成功淡底', fg: 'text', bg: 'tint-success', min: 4.5 },
|
||||
{ label: '成功文字 / 成功淡底', fg: 'success', bg: 'tint-success', min: 4.5 },
|
||||
{ label: '正文 / 警告淡底', fg: 'text', bg: 'tint-warning', min: 4.5 },
|
||||
{ label: '警告文字 / 警告淡底', fg: 'warning', bg: 'tint-warning', min: 4.5 },
|
||||
{ label: '危险色 / 页面底', fg: 'danger', bg: 'bg', min: 4.5 },
|
||||
{ label: '成功色 / 页面底', fg: 'success', bg: 'bg', min: 4.5 },
|
||||
{ label: '警告色 / 页面底', fg: 'warning', bg: 'bg', min: 4.5 },
|
||||
|
||||
Reference in New Issue
Block a user