Skip to content 跳到章节
A11Y 方式

WCAG 对比检查

在发货前检查文本和背景对比度 - 幻灯片、网站和海报的最快可访问性获胜。

一眼看清
指标浓度

格子越深,表示该主题在这项指标上越高。

分数画像

每根柱是该主题的0-100图鉴分,不是时间轴。

964028358894
这种形式
这种形式
964028358894
浏览
比较
约5分钟

最近审阅 来源与署名媒体署名方法说明

打开可视化工作室

× ✓
WCAG 对比检查

WCAG 对比检查把值编码为前景和背景的亮度差。WCAG 对比度; APCA 研究 (Myndex) 作为下一代模型。

工作报告、广告与作业中适合「UI 类型、幻灯片标题、海报标题、徽章标签」。若「单独判断品牌色调而不测量配对」,换一种形式。

本页把WCAG 对比检查的解剖、适用、手艺、失败以及工作、广告、作业配方放在一处。

形式WCAG 对比检查
起源2008+
编码前景和背景的亮度差
适用UI 类型、幻灯片标题、海报标题、徽章标签
避免单独判断品牌色调而不测量配对
工作室方法

画像

清晰
96
说服
40
密度
28
制作成本
35
作业适配
88
工作适配
94
964028358894

七章

常见问题

什么时候选WCAG 对比检查?
故事符合「UI 类型、幻灯片标题、海报标题、徽章标签」时选用。
什么时候避开?
遇到「单独判断品牌色调而不测量配对」就换形式。
谁发明或推广了它?
WCAG 对比度; APCA 研究 (Myndex) 作为下一代模型
它编码什么?
前景和背景的亮度差
广告能用吗?
在微信、抖音与展示广告里主张能一眼看见就可以;否则把图放在落地页。
老师会收吗?
实验报告与展板里有轴、单位、来源一行就可以。
用什么工具?
Excel 或 Google 表格或PowerPoint;导出 SVG/PDF。
无障碍怎么做?
不要只靠颜色。直接标注,并检查灰度。

相关

工作室 → 选哪种可视化? 比较形式 用文件做出图表