mirrors / skillhub-144-a11y-audit

项目文件夹

skillhub-144-a11y-audit
文件
main
T
wehub-skill-sync 99d5f525f2 chore: import zh skill a11y-audit
2026-07-13 21:36:46 +08:00

1.8 KiB
原始文件 永久链接 Blame 文件历史

无障碍测试检查清单

修复问题后，使用此检查清单手动验证无障碍功能。

键盘导航

  • 所有交互式元素均可通过 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）
在新工单中引用 查看 Git Blame 复制永久链接