iter(g245): 补高对比偏好令牌,对比度门禁扩到四套主题
This commit is contained in:
@@ -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` 同步状态。
|
||||
|
||||
Reference in New Issue
Block a user