将鼠标悬停在任何网站元素上即可立即检查颜色对比度并确保 Web 可访问性符合 WCAG AA/AAA 合规性。
一款功能强大的 Web 可访问性工具，可帮助设计师、开发人员和内容创建者确保其网站符合 WCAG 颜色对比度标准。通过实时反馈即时分析任何实时网站上的颜色对比度。
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
✨ 主要特点
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
🔍 实时元素检查
• 将鼠标悬停在任何网站上的任何元素上即可立即分析对比度
• 实时叠加突出显示准确显示您正在分析的元素
• 即时通过/失败反馈以确保无障碍合规性
📊 即时 WCAG 合规性分析
• WCAG AA 标准（4.5:1 对比度）
• WCAG AAA 级（7:1 对比度）
• 大文本标准（3:1 比例）
• 以 RGB 格式显示的颜色值
✅ 专业结果展示
★ 精确的对比度计算
★ 文本颜色值
★ 背景颜色值
★ WCAG AA 合规状态（通过/失败）
★ WCAG AAA 合规状态（通过/失败）
★ 大文本合规状态（通过/失败）
⚡ 轻松启动/停止控制
• 简单的一键式“开始检查”按钮
•“停止检查”按钮可禁用和重置
• 在检查之间快速清除结果
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
🎯 为什么要使用色彩对比度检查器？
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
👨💻 对于网络开发者
→ 验证开发过程中颜色对比度的合规性
→ 在生产前发现可访问性问题
→ 确保色觉缺陷用户的可访问性
→ 在 QA 过程中测试实时网站
🎨 对于 UX/UI 设计师
→ 验证配色方案是否符合可访问性标准
→ 在真实网站上测试颜色组合
→ 确保设计符合 WCAG 指南
→ 做出数据驱动的色彩决策
📝 对于内容经理
→ 检查内容是否符合无障碍要求
→ 快速审核现有网站的对比问题
→ 无需技术知识即可确保合规性
→ 创建可访问的内容以扩大受众范围
♿ 对于无障碍专家
→ 专业级对比度计算
→ 精确的 WCAG 标准合规性检查
→ 在任何网站上进行实时分析
→ 全面的可访问性审核支持
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
📋 WCAG 合规性说明
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
▸ WCAG AA（AA 级）- 4.5:1 对比度
大多数文本的最低推荐对比度以确保可读性
对于弱视人士。基本可访问性合规性标准。
▸ WCAG AAA（AAA 级）- 7:1 对比度
增强对比度以实现最大程度的可读性。推荐用于所有文本，
尤其是正文。色觉缺陷的极佳辅助手段。
▸ 大文本标准 - 3:1 对比度
适用于大文本（18pt+ 或 14pt+ 粗体）。确保可见对比度
较大的元素。
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
📖 如何使用
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
1️⃣ 安装扩展
将颜色对比度检查器添加到您的浏览器
2️⃣ 单击图标
在任何网站上打开扩展程序弹出窗口
3️⃣ 点击“开始检查”
激活对比度检查模式
4️⃣ 将鼠标悬停在元素上
将光标移到任何文本元素上进行分析
5️⃣ 审核结果
立即查看对比度和 WCAG 合规状态
6️⃣ 点击“停止检查”
完成后停用该工具
7️⃣重复
根据需要分析尽可能多的元素
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
🔧 技术细节
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
▪ 对比度计算：WCAG 2.1 标准亮度公式
▪ 颜色分析：从活动元素中实时提取 RGB 颜色
▪ 背景检测：通过 DOM 进行智能背景颜色检测
▪ 性能：轻量级，使用最少的浏览器资源
▪ 兼容性：适用于所有网站（http、https、file://）
▪ 隐私：所有计算均在本地 - 不会将数据发送到外部服务器
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
✓ 无障碍标准支持
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
✓ WCAG 2.0 AA 级
✓ WCAG 2.0 AAA级
✓ WCAG 2.1 AA 级
✓ WCAG 2.1 AAA级
✓ ADA 合规性
✓ 第 508 条标准
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
👥 谁受益？
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
✦ Web 开发人员确保可访问性合规性
✦ UX/UI 设计师验证配色方案
✦ 无障碍审核员执行合规性检查
✦ 内容创作者构建包容性网站
✦ 质量保证测试人员验证设计
✦ 自由职业者提供可访问性评论
✦ 学生学习网络可访问性
✦ 任何热衷于构建包容性网络的人
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
❓ 常见问题
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
问：此扩展程序会收集我的数据吗？
答：不会。所有分析均在您的设备上本地执行。我们不收集，
存储或发送任何浏览数据。
问：它适用于所有网站吗？
答：是的。适用于任何网站 - 博客、公司网站、电子商务、
社交媒体等等。
问：WCAG AA 和 AAA 有什么区别？
答：WCAG AA 要求对比度为 4.5:1（最低标准）。 WCAG AAA 要求
7:1（增强可访问性）。 AAA 为用户提供更好的对比度
视力低下或色盲。
问：我可以用它来进行合规审计吗？
答：当然。提供专业级对比分析，适合
正式的可访问性审核和合规性文档。
问：我可以检查的元素数量有限制吗？
答：不需要。在任何网站上检查无限的元素。
问：可以离线使用吗？
答：是的。安装后无需互联网连接即可工作。
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
💡 色彩对比的最佳实践
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
- 始终根据实际背景测试文本
- 考虑多种设备类型和屏幕亮度级别
- 使用真实用户数据和多种颜色组合进行测试
- 请记住，仅靠对比并不能使内容易于理解
- 在设计阶段使用此工具，而不仅仅是在开发之后
- 验证所有文本元素，包括按钮、链接和标签
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
🌐 关于重写
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
颜色对比度检查器由 Forewrite 开发 - 一个致力于
使网络辅助工具变得简单、强大并且对每个人免费。
我们相信可访问性不是可选的；这对于创造至关重要
面向所有用户的包容性网络。
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
📧 支持与反馈
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
有建议吗？发现错误？我们很乐意听取您的意见。
您的反馈有助于我们为每个人改进该工具。
访问：www.forewrite.com
═════════════════════════════════ ══════════════════════════════════
由 Forewrite 用 ❤️ 制作 | www.forewrite.com
