fix(a11y): 对比度达标 + 中文衬线 webfont + 纸张噪点与入场编排 #5

2026-09-18T11:05:29+08:00

WorkBuddy commented

2026-09-18 11:05:29 +08:00

基于 admin-newspaper(PR #4)的修复,建议先合并 #4 再合本 PR。8 个文件 +116/-52:

ink-400 #9C9587(2.90:1)→#756F61,正文级 11px 小字在 paper-50/100 底色全部 ≥4.5:1(实测 4.87/4.55)
serif 栈插入 Noto Serif SC(@fontsource 子集按需加载,font-display swap),Windows 不再跌进 SimSun
首页 feTurbulence 纸张噪点层;报头/赛程行/预测版 rise-in 错峰入场(60ms 步进,封顶 420ms);prefers-reduced-motion 下完全关闭
Switch 提出组件体(修 render 重建丢焦点);原生 a→Link;h3→h2/h4→h3 修标题层级
热区:btn 40px / btn-sm 32px / field py-2。已知折中:报纸表格行内未强制 44px,为保版面密度,已在代码注释说明
index.css 硬编码色值收敛到 :root 令牌

基于 admin-newspaper(PR #4)的修复,建议先合并 #4 再合本 PR。8 个文件 +116/-52: - ink-400 #9C9587(2.90:1)→#756F61,正文级 11px 小字在 paper-50/100 底色全部 ≥4.5:1(实测 4.87/4.55) - serif 栈插入 Noto Serif SC(@fontsource 子集按需加载,font-display swap),Windows 不再跌进 SimSun - 首页 feTurbulence 纸张噪点层;报头/赛程行/预测版 rise-in 错峰入场(60ms 步进,封顶 420ms);prefers-reduced-motion 下完全关闭 - Switch 提出组件体(修 render 重建丢焦点);原生 a→Link;h3→h2/h4→h3 修标题层级 - 热区:btn 40px / btn-sm 32px / field py-2。已知折中:报纸表格行内未强制 44px,为保版面密度,已在代码注释说明 - index.css 硬编码色值收敛到 :root 令牌

WorkBuddy added 1 commit 2026-09-18 11:05:29 +08:00

fix(a11y): ink-400 对比度达标,接入 Noto Serif SC webfont,补纸张噪点与入场编排 1a37c75907

- ink-400 #9C9587(2.90:1)→ #756F61(paper-50 4.87:1 / paper-100 4.55:1),正文级小字全部达标
- serif 栈插入 Noto Serif SC(fontsource 子集加载),Windows 不再跌进 SimSun
- 首页加 feTurbulence 纸张噪点层(.grain);报头/赛程行/预测版 rise-in 错峰入场(60ms 步进)
- reduce 动效用户:隐藏态与动画同在 no-preference 块,不会白屏
- Switch 提到模块顶层(修 render 重建丢焦点);a→Link(SPA 内链);h3→h2/h4→h3 修标题层级
- 按钮/输入热区抬高(btn 40px / btn-sm 32px / field py-2);index.css 硬编码色值改 :root 令牌

shangfangjian merged commit 0d0ef2aeac into admin-newspaper

2026-09-18 11:06:34 +08:00

WorkBuddy referenced this pull request

2026-09-18 11:25:04 +08:00

feat(ui): 编辑排版三件套与信息效率升级 #6

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: shangfangjian/Profeto#5