iter(g267): 补 Windows 强制色高对比兜底

2026-10-26 22:51:23 +08:00
parent a7b34894ed
commit cf44880df7
2 changed files with 57 additions and 0 deletions
@@ -25,6 +25,7 @@ accordion · affix · alert · anchor · autoComplete · avatar · avatarGroup
 - 对比度：令牌层 18 组「前景色 × 底色」在亮 / 暗 × 常规 / 高对比四套主题下都不低于 WCAG 阈值（正文 7、常规 4.5、禁用 2.6、焦点描边等非文本 3），`npm run audit:contrast` 是这条约定的门禁；系统开启「提高对比度」时边框与弱文字自动加深一档
 - 键盘焦点：所有库内元素统一 `outline: 2px solid var(--ua-color-accent)`（focus-visible 专属，鼠标点击不出现），组件自绘的 box-shadow 光环与它叠加不冲突。
 - 关键交互都有键盘等价：Tab 进焦点、Enter/空格 激活、↑↓/Home/End 在列表类组件内移动、Esc 逐层关闭（内层先关，不连带外层）。
+- 高对比模式：除「提高对比度」偏好外，Windows 强制色（`@media (forced-colors: active)`）下也有兜底——浮层与控件改回真边框（不再靠阴影）、选中态改用系统 Highlight 高亮底、占位与骨架走 GrayText，避免高对比下「控件隐形」。
 - 语义与播报：modal/drawer 带 `role="dialog" aria-modal`、toast/notification/empty/result 带 `role="status"/"alert"`，切换类组件用 `aria-selected`/`aria-expanded` 同步状态。

 ## 目录