格子越深,表示该主题在这项指标上越高。
清晰96
说服44
密度38
制作成本58
作业适配80
工作适配91
低高
简短问答
什么时候选无障碍可视化?
故事符合「公共仪表盘、考试、灰色印刷、法务幻灯」时选用。
什么时候避开?
遇到「仅用红/绿表示坏/好」就换形式。
谁发明或推广了它?
石原氏色盲表 1917;WCAG 2 对比;冈部–伊藤绿色盲色板
它编码什么?
冗余通道:位置、图案、标签,不只色相
广告能用吗?
在微信、抖音与展示广告里主张能一眼看见就可以;否则把图放在落地页。
老师会收吗?
实验报告与展板里有轴、单位、来源一行就可以。
无障碍可视化把值编码为冗余通道:位置、图案、标签,不只色相。石原氏色盲表 1917;WCAG 2 对比;冈部–伊藤绿色盲色板。
工作报告、广告与作业中适合「公共仪表盘、考试、灰色印刷、法务幻灯」。若「仅用红/绿表示坏/好」,换一种形式。
软件
- 软件 1 — Excel 或 Google 表格
- 软件 2 — PowerPoint
- 软件 3 — Figma / Illustrator — 广告与海报图形
- 软件 4 — Python matplotlib 或 R ggplot — 作业与研究图
- 软件 5 — 本图集的服务端 SVG — 无需图表库的示例
导出
- 导出 1 — SVG
- 导出 2 — PDF
- 导出 3 — 把 EMF/SVG 放进幻灯(不要截图)
- 导出 4 — 网页用 SVG,印刷用 PDF
无障碍
- 无障碍 1 — 不要只靠色相。叠上纹理、标签和位置。
- 无障碍 2 — 正文对比 4.5:1,大标记 3:1。
- 无障碍 3 — 图上写短替代文本。数字也做成 HTML 表。
- 无障碍 4 — 动效只用于强调。尊重 prefers-reduced-motion。
无障碍可视化:守住冗余通道:位置、图案、标签,不只色相,「仅用红/绿表示坏/好」时换图。