视觉层级
天地玄黄,宇宙洪荒。可读性对于无障碍访问和严格的设计系统至关重要。
即时检查颜色对比度并验证WCAG 2.1合规性。粘贴任意两种颜色,查看它们是否通过正常文本、大文本和UI组件的AA或AAA标准。当颜色不满足无障碍要求时,获取自动修正建议。
针对AA(正常文本4.5:1,大文本3:1)和AAA(7:1 / 4.5:1)标准进行测试。一目了然地查看通过/未通过状态。
当对比度不达标时,获取建议的颜色调整方案,在保持设计意图的同时满足无障碍标准。
查看文本在背景颜色上的实际显示效果。实时预览正常文本、大文本和UI元素。
以HEX、RGB或HSL格式输入颜色。检查器会自动处理转换,让您使用偏好的格式工作。
对于WCAG AA:正常文本至少需要4.5:1,大文本(18pt或14pt粗体)至少需要3:1,非文本UI组件至少需要3:1。
AAA是更严格的标准:正常文本7:1,大文本4.5:1。大多数设计系统以AA为最低标准,AAA作为更高目标。
不是。WCAG 2.1还要求UI组件(按钮、输入框边框、图标)和传达含义的图形对象具有3:1的对比度。
约8%的男性和0.5%的女性存在某种形式的色觉缺陷。良好的对比度可确保您的内容对所有人清晰可读,包括低视力人群、强光环境或低质量屏幕下的用户。