无障碍不是可选项。以下是每次上线前必过的检查项：
- 正文对比度 ≥ 4.5:1，大标题 ≥ 3:1；
- 所有表单控件有关联
label； - 键盘可完成全部操作，焦点样式可见；
- 图片有
alt，装饰性图片alt=""； - 使用语义化标签
nav/main/article/footer； - 图标按钮有
aria-label。
推荐工具：Lighthouse 面板、axe DevTools 扩展。
无障碍（a11y）上线前检查清单：15 分钟过完 12 项
一句话结论
对比度、表单 label、键盘可达性、图片 alt 与语义化标签是无障碍验收中影响面最大的五项，逐项打勾即可覆盖绝大多数问题。
🤖 把本文交给 AI：
AI 纯文本视图 ↗
核心要点
- 正文对比度 ≥ 4.5:1，大标题 ≥ 3:1
- 每个表单控件都要有关联 label
- 键盘能完成全部操作且焦点可见
- 图片必须有 alt，装饰图 alt=""
- 优先使用 nav/main/article/footer 语义标签
常见问题（FAQ）
无障碍检查最快能多快完成？
对照 12 项清单逐项打勾约需 15 分钟，其中对比度、表单 label、键盘可达性、图片 alt、语义化标签五项覆盖绝大多数问题。
参考来源
- WCAG 2.2 快速参考
- axe DevTools 使用指南
评论（0）
暂无评论，来抢沙发吧。