颜色对比度检测
检测两种颜色的对比度比值，判断是否符合WCAG可访问性标准，确保界面文字可读性
文本颜色
背景颜色
效果预览
小文本示例 (12-18px)
大文本示例 (18px+ 或粗体14px+)
按钮文本示例
禁用状态文本示例
对比度检测结果
对比度比值
4.5:1
需改进
WCAG 可访问性标准符合情况
AA 级标准 (正常文本)
要求对比度 ≥ 4.5:1
AA 级标准 (大文本)
要求对比度 ≥ 3:1
AAA 级标准 (正常文本)
要求对比度 ≥ 7:1
AAA 级标准 (大文本)
要求对比度 ≥ 4.5:1
建议：提高颜色对比度以改善可读性，特别是对于正常大小的文本。
WCAG 对比度标准说明
什么是 WCAG？
WCAG（Web Content Accessibility Guidelines，网页内容可访问性指南）是一套国际公认的标准，旨在确保网页内容对所有用户（包括残障人士）都具有可访问性。
对比度要求
- AA 级标准：正常文本（小于18pt或14pt粗体）对比度至少为4.5:1；大文本（18pt及以上或14pt粗体及以上）对比度至少为3:1
- AAA 级标准：正常文本对比度至少为7:1；大文本对比度至少为4.5:1
为什么对比度重要？
适当的颜色对比度确保视力障碍用户（如色盲、低视力）能够清晰阅读内容，同时也提高了所有用户在不同光线条件下的可读性。