主题
无障碍设计规范(A11Y)
基础要求
- 所有图片提供有意义的
alt文本;纯装饰图使用alt="" - 文字与背景颜色对比度:正文 ≥ 4.5:1,大字 / UI 元素 ≥ 3:1
- 不能仅靠颜色传递信息,需配合文字或图标
- 所有交互功能支持键盘操作(Tab / Shift+Tab / Enter / Space / Escape)
焦点管理
- 自定义可交互组件必须可聚焦(
tabIndex="0") - 焦点顺序遵循视觉阅读顺序
- 模态框打开时焦点陷阱在弹层内;关闭后焦点还原到触发元素
- 页面提供"跳过主导航"快捷链接
键盘快捷键参考
| 操作 | 按键 |
|---|---|
| 移动焦点 | Tab / Shift+Tab |
| 激活按钮 / 链接 | Enter / Space |
| 关闭弹框 | Escape |
| 列表 / 菜单导航 | Arrow Keys |
