# 可访问性速查（WCAG 2.1 AA 底线）

## 四项底线
1. **对比度**：正文 ≥ 4.5:1，大字号（≥18pt 或 14pt 粗体）≥ 3:1。
2. **动效节制**：尊重 `prefers-reduced-motion`，关闭非必要动画。
3. **语义结构**：一个页面一个 h1，层级顺序递降；按钮用 `<button>`，链接用 `<a>`。
4. **替代文本**：信息图写清 alt，装饰图 `alt=""`。

## 检查工具
- WAVE（wave.webaim.org）：一键扫描整页。
- Lighthouse Accessibility：CI 可集成。
- FORMA 工具箱 /tools：WCAG 对比度检查。

## 常见翻车
- 灰色次要文字 `#999` 配白底（2.8:1，不合格）。
- 图片海报把关键信息只放在图里。
- 表单错误只标红，不写文字说明。
- 用 div 手搓按钮，键盘焦点丢失。

扩展阅读：《可访问性底线：四件事先做到》