# 无障碍测试检查清单 修复问题后,使用此检查清单手动验证无障碍功能。 ## 键盘导航 - [ ] 所有交互式元素均可通过 Tab 键到达 - [ ] Tab 顺序遵循视觉/逻辑阅读顺序 - [ ] 每个可获得焦点的元素均可见焦点指示器(2px 以上轮廓) - [ ] 弹窗/模态框可捕获焦点,关闭后焦点返回原处 - [ ] Escape 键可关闭模态框、下拉菜单和弹出窗口 - [ ] 箭头键可在复合控件内导航(标签页、菜单、列表框) - [ ] 无键盘陷阱(用户始终可以通过 Tab 键移走) ## 屏幕阅读器 - [ ] 所有图片均有适当的替代文本(装饰性图片使用 `alt=""`) - [ ] 标题层级构成合理的文档大纲(h1 → h2 → h3) - [ ] 表单输入项有关联的标签 - [ ] 错误消息通过 `aria-live` 或 `role="alert"` 播报 - [ ] 页面标题在导航后更新(单页应用) - [ ] 动态内容变化被适当播报 ## 视觉 - [ ] 正文文本对比度达到 4.5:1,大号文本达到 3:1 - [ ] UI 组件对比度与背景达到 3:1 - [ ] 内容可在 320px 宽度下重新排列,无需横向滚动 - [ ] 文本可缩放至 200% 且不丢失内容 - [ ] 没有仅靠颜色传达的信息 - [ ] 焦点指示器满足 2.4.11 焦点外观标准 ## 动效与媒体 - [ ] 动画尊重 `prefers-reduced-motion`(减少动效偏好) - [ ] 没有带音频的自动播放媒体 - [ ] 没有每秒闪烁超过 3 次的内容 - [ ] 视频有字幕;音频有文字记录 ## 表单 - [ ] 所有输入项均有可见标签 - [ ] 必填字段有标示(不单靠颜色) - [ ] 错误消息具体明确,并通过 `aria-describedby` 与输入项关联 - [ ] 常用字段(姓名、邮箱等)带有自动填充(autocomplete)属性 - [ ] 没有不使用替代方法就无法通过的验证码(WCAG 2.2 3.3.8)