选择语言

对比度检查器

WCAG 颜色对比度检查器用于计算文本对比度。

前景颜色

请输入有效的 十六进制三元组 ,或使用颜色选择器。

背景颜色

请输入有效的 十六进制三元组 ,或使用颜色选择器。

对比度 21:1

普通文本

WCAG AA: Pass

WCAG AAA: Pass

普通文本示例-16px

大文本

WCAG AA: Pass

WCAG AAA: Pass

示例 18pt/24px 的大文本

图形对象和用户界面组件

WCAG AA:  Pass

image/svg+xml
  • 计算正常文字大小的对比度。
  • 计算大文字大小的对比度。
  • 计算用户界面组件的对比度。
  • 从颜色选择器中选择颜色
  • 设置颜色亮度

如何使用对比度检查器

  • 选择背景颜色
  • 选择前景颜色
  • 如果需要,调整亮度
  • 检查审计中是否有普通文本和大文本

常见问题

对比度检查器是如何工作的?

你需要评估文字和背景的颜色。根据 WCAG 2.1 指南,这些是:大文本-最小大小为 18px 的文本要求对比度为 3:1;小文本-大小小于 18px 的文本要求对比度为 4. 5:1。

为什么我的网站应该有足够的色彩对比度?

低对比度背景上的文本通常很难阅读。这不仅会对视力障碍者产生负面影响,而且实际上会给所有用户带来不便。一个例子是在阳光明媚的日子里在外面的手机上读短信。

网站可访问性是什么意思?

无障碍网站是旨在让有视觉或听力障碍的人可以不受限制地使用它的网站。例如,这可以确保所有网站元素都具有足够的颜色对比度,即文本颜色与背景颜色完全不同。

图片和视频是否必须符合 WCAG 颜色对比度要求?

某些图形和接口组件要求的对比度至少为 3:1。但是,这不包括徽标、装饰图像或一般媒体文件。

© Smallize Pty Ltd 2022-2024. All Rights Reserved.