格子越深,表示该主题在这项指标上越高。
清晰96
说服40
密度28
制作成本35
作业适配88
工作适配94
低高
简短问答
什么时候选WCAG 对比检查?
故事符合「UI 类型、幻灯片标题、海报标题、徽章标签」时选用。
什么时候避开?
遇到「单独判断品牌色调而不测量配对」就换形式。
谁发明或推广了它?
WCAG 对比度; APCA 研究 (Myndex) 作为下一代模型
它编码什么?
前景和背景的亮度差
广告能用吗?
在微信、抖音与展示广告里主张能一眼看见就可以;否则把图放在落地页。
老师会收吗?
实验报告与展板里有轴、单位、来源一行就可以。
WCAG 对比检查把值编码为前景和背景的亮度差。WCAG 对比度; APCA 研究 (Myndex) 作为下一代模型。
工作报告、广告与作业中适合「UI 类型、幻灯片标题、海报标题、徽章标签」。若「单独判断品牌色调而不测量配对」,换一种形式。
部分
- 标记 — WCAG 对比检查的核心标记是前景和背景的亮度差。
- 尺度 — 尺度必须标出零点(或声明的断轴)和单位。
- 轴 — 轴标题写的是变量,不是情绪。
- 图例 — 图例弱于直接标注。能写在标记旁边就写在旁边。
- 标签 — 数字可有可无。若目的是比较,只标端点。
- 网格 — 网格要淡。数据应占有墨水。
- 注释 — 注释一句即可。写上来源和时段。
- 外框 — 外框要细。不要用三维盒子。
变体
- 对比度 — WCAG 对比检查的变体 1(对比度)。同一编码,不同布局。
- APCA检查 — WCAG 对比检查的变体 2(APCA检查)。同一编码,不同布局。
- 可读类型颜色 — WCAG 对比检查的变体 3(可读类型颜色)。同一编码,不同布局。
- WCAG 对比检查 4 — WCAG 对比检查的变体 4(WCAG 对比检查 4)。同一编码,不同布局。
标签
- 轴 — 在WCAG 对比检查上把标记写清楚。
- 图例 — 在WCAG 对比检查上把尺度写清楚。
- 标签 — 在WCAG 对比检查上把轴写清楚。
- 网格 — 在WCAG 对比检查上把图例写清楚。
- 注释 — 在WCAG 对比检查上把标签写清楚。
WCAG 对比检查:守住前景和背景的亮度差,「单独判断品牌色调而不测量配对」时换图。