怎样检查对比度、操作目标与状态？

分别检查能否看清、能否准确操作，以及不用颜色也能否理解状态。

无障碍检查要同时看信息是否清楚、操作是否容易，以及状态是否能被不同用户理解。颜色、尺寸和文字说明需要一起考虑。

先记住这几件事

• WCAG 是网页内容无障碍指南； AA 是其中一个常用的符合等级，不代表只检查一项就合格。
• 普通文字的 AA 最低对比度通常为 4.5。大字和部分内容有不同条件，不能只凭看起来舒服判断。详见 W3C 文字对比度说明 。
• 操作目标 是实际能点击或触碰的区域，不只是图标画出来的大小。WCAG 2.2 AA 的目标尺寸要求通常为至少 24×24 CSS 像素，并有间距、行内等例外；最小要求也不等于最舒适的尺寸。详见 W3C 目标尺寸说明 。
• 已选中、错误和成功等状态，要结合文字、形状或其他提示说明，避免只靠颜色区别。

检查流程

状态调整的示意

以下是教学观察，不是假称已经测得的对比度结果。

用一个例子走一遍

成员列表有一个很小的移除图标。团队先扩大实际按钮区域，再检查与编辑按钮的距离；确认文字和图标在背景上清楚后，为操作补上名称。最后用键盘和触碰方式分别检查，避免只看图标尺寸。

边界与常见误解

有些禁用控件存在对比度例外，但重要说明仍需要可读。对比度工具通过，也不能证明完整网页无障碍合格；名称、顺序、键盘行为和错误恢复仍需检查。