iter(g245): 补高对比偏好令牌,对比度门禁扩到四套主题

This commit is contained in:
HIsheR
2026-10-26 21:58:58 +08:00
parent 26c9867576
commit 6e52cc6206
9 changed files with 46 additions and 16 deletions
+1
View File
@@ -22,6 +22,7 @@ accordion · affix · alert · anchor · autoComplete · avatar · avatarGroup
## 可访问性约定
- 对比度:令牌层 16 组「文字色 × 底色」在亮 / 暗 × 常规 / 高对比四套主题下都不低于 WCAG 阈值(正文 7、常规 4.5、禁用 2.6),`npm run audit:contrast` 是这条约定的门禁;系统开启「提高对比度」时边框与弱文字自动加深一档
- 键盘焦点:所有库内元素统一 `outline: 2px solid var(--ua-color-accent)`(focus-visible 专属,鼠标点击不出现),组件自绘的 box-shadow 光环与它叠加不冲突。
- 关键交互都有键盘等价:Tab 进焦点、Enter/空格 激活、↑↓/Home/End 在列表类组件内移动、Esc 逐层关闭(内层先关,不连带外层)。
- 语义与播报:modal/drawer 带 `role="dialog" aria-modal`、toast/notification/empty/result 带 `role="status"/"alert"`,切换类组件用 `aria-selected`/`aria-expanded` 同步状态。