关于 WCAG 对比度检查器
低对比度文本是网络上最常见的可访问性失败。输入文本和背景颜色,以获得普通文本、大文本和 UI 组件的准确对比度以及通过/失败判定。
如何使用
- 1设置文本和背景使用颜色输入或粘贴设计标记中的 hex 值。
- 2读取比例该工具计算相对亮度和对比度,精确到小数点后两位。
- 3修复并重新测试如果一对失败,请调整亮度直至通过,然后复制兼容的 hex 值。
为什么使用这个wcag 对比度检查器?
- 没有任何东西离开您的设备. 这项工作发生在您的浏览器选项卡中。此应用程序中没有上传端点,因此我们无法存储、记录或查看您的文件和文本。
- 无需等待上传. 您完全跳过了到服务器的往返过程。结果受您自己的 CPU 限制,而不是受网络速度或队列大小限制。
- 免费、无账户、无配额. 无注册墙,无水印,无每日限制。可选帐户仅用于跨设备保存收藏夹和预设。
常见问题
我的颜色对在这里使用安全吗?
是的。该工具完全使用 JavaScript 在您的浏览器中运行。您粘贴或打开的任何内容都不会发送到服务器,并且页面在关闭后不会保留任何副本。
我需要创建一个帐户吗?
不需要。每个工具都无需登录即可完全使用。帐户仅添加已保存的收藏夹和可重复使用的预设。
它可以在手机上使用吗?
是的。该界面是移动优先的,具有大触摸目标和堆叠布局,因此它适用于手机、平板电脑以及台式机。
WCAG 需要什么比例?
AA 要求普通文本为 4.5:1,大文本(18pt 或 14pt 粗体)为 3:1。 AAA 将其提高到 7:1 和 4.5:1。非文本 UI 组件至少需要 3:1。
为什么一种颜色看起来很好但失败了?
感知的亮度与色调不同。饱和的蓝色和绿色的亮度通常比看起来要低,因此请务必测量实际的颜色对,而不是相信样本。