OneKitTools logoOneKitTools
返回开发者

WCAG 对比度检查

检查颜色对比度是否符合 WCAG 2.1 AA/AAA 标准，含实时预览、自动修复建议和 CSS 导出

关于 WCAG 对比度检查

检查颜色对比度是否符合 WCAG 2.1 无障碍标准——确保所有用户都能阅读您的内容。

如何使用 WCAG 对比度检查

  1. 1选择或输入前景色（文字颜色）和背景色。
  2. 2查看计算出的对比度。
  3. 3查看正常文本、大号文本和 UI 组件的 AA/AAA 合规状态。
  4. 4如不通过，查看修复建议中推荐的替代颜色。
  5. 5使用「交换颜色」快速测试反转配色方案。

提示

  • WCAG AA 要求正常文本最低 4.5:1 对比度，大号文本最低 3:1。
  • AAA 级更严格：正常文本 7:1，大号文本 4.5:1。
  • 在最终确定配色方案前务必检查对比度——无障碍性对用户体验至关重要。

免费版与付费版限制

免费版：对比度检测和预览。Starter+：自动修复颜色建议和无障碍配色方案。

相关工具

OneKitTools 团队更新于 2.21.4