游戏中最好的色彩对比度分析仪。
检查颜色对比度是否符合 WCAG 2.1 AA 和 WCAG 2.2 AA/AAA 要求。吸管、智能建议和颜色历史记录。
描述
1. 使用内置吸管直接从网页中选取任何颜色,无需检查元素或挖掘代码。
2. 在进行任何操作之前,通过页面上的实时预览实时检查颜色对比度。
3. 当组合失败时,立即获取可用的颜色替代方案,以便您无需重新开始即可修复它。
Accessibility Tracker 的颜色对比度检查器是一款免费的专业级工具,专为需要根据 WCAG 标准验证颜色对比度的设计师、开发人员和辅助功能专业人士而构建。无论您是致力于 WCAG 2.1 AA 还是 WCAG 2.2 AA/AAA 一致性,此扩展都能为您提供即时、准确的结果,而无需离开您正在测试的页面。
颜色对比是网络上最常见的可访问性失败之一。文本与其背景之间的低对比度使得视力低下、色觉缺陷或屏幕眩光等情境障碍的人难以或不可能阅读内容。满足 WCAG 标准中定义的最低对比度是让每个人都能访问数字内容的基本组成部分。
该工具的作用不仅仅是检查比率。它可以通过智能颜色建议帮助您当场解决对比度问题,并为您提供实时预览,以便您在做出更改之前可以准确地看到更改的外观。
为什么色彩对比度很重要
WCAG 成功标准 1.4.3(最低对比度)要求 AA 级别的普通文本对比度至少为 4.5:1,大文本对比度至少为 3:1。成功标准 1.4.6(对比度增强)将 AAA 级别的阈值提高到 7:1 和 4.5:1。成功标准 1.4.11 下的非文本对比度要求用户界面组件和图形对象的比例至少为 3:1。这些要求在 WCAG 2.1 和 WCAG 2.2 中均存在。
未能满足这些比率意味着您的内容很难被大部分受众感知。
这个扩展的作用是什么
立即计算任何前景色和背景色组合之间的对比度。结果显示为 WCAG 2.1 AA、WCAG 2.2 AA 和 WCAG 2.2 AAA 级别的通过或失败指示器。
使用由 Chrome 原生 EyeDropper API 提供支持的内置吸管工具直接从任何网页选取颜色。无需检查元素或挖掘样式表 - 只需单击任何元素,扩展程序即可捕获准确的颜色值。
自动获取可用的颜色替代品。当颜色组合失败时,扩展程序会使用 OKLCH 颜色空间来建议最接近的一致替代方案,以便您可以修复问题,而无需从头开始。
通过内置的颜色历史记录跟踪和重复使用以前的颜色组合。当审核同一站点内的多个页面或在已建立的设计系统中工作时,这特别有用。
在进行更改之前通过实时预览查看更改。输入任何前景色和背景色组合,扩展程序会呈现实时示例,以便您可以在更新代码或设计文件之前评估可读性。
支持的颜色格式
以您喜欢的格式输入颜色。该扩展支持 HEX、RGB、HSL、OKLCH、LAB、LCH 和命名颜色。立即在格式之间进行转换。
WCAG 3.0 (APCA) — 实验性
除了 WCAG 2.1 和 WCAG 2.2 一致性检查之外,该扩展还包括对高级感知对比算法 (APCA) 的实验支持,该算法是作为 WCAG 3.0 的一部分而开发的对比方法。 APCA 使用感知上更加统一的模型来解释人类视觉如何实际处理文本和背景颜色之间的亮度差异。这使您在未来的一致性要求方面占据先机,同时仍将您的工作立足于当前的 WCAG 标准。
附加功能
完整的黑暗模式支持和自动系统偏好检测。导出和导入您的设置和颜色历史记录以备份您的配置或跨设备共享。所有数据都存储在您的设备本地 - 该扩展程序不会跟踪您,也不会将任何数据发送到外部服务器。
浏览器要求
Chrome 95 或更高版本(EyeDropper API 需要)。
关于无障碍追踪器
Accessibility Tracker 是一个基于审计的无障碍项目管理平台,由专门从事 WCAG 审计和 VPAT 服务的数字无障碍公司 Accessible.org 构建。此颜色对比度检查器是 Accessibility Tracker 的一款免费工具,旨在为辅助功能专业人士、设计师、开发人员以及任何需要验证颜色对比度的人提供一种快速、可靠且私密的方式来直接在浏览器中检查一致性。
了解更多信息,请访问 https://accessible.org。




