看看色盲读者眼中的你的设计是什么样

大约每 12 个男性里就有 1 个,分不清你用的红色系和绿色系。拖入图表,看看你想传达的信息还能不能看懂。

正在加载工具……

工作原理

  1. 拖入一张图片、一张截图或一份 PDF。
  2. 选择色觉缺陷类型 —— 绿色盲最常见。
  3. 对照查看,导出单张效果图,或者一张四联对比图。

为什么什么都不用上传

这个页面上的每一步操作,都由运行在你浏览器标签页里的代码完成,用的就是渲染网页的那套引擎。文件从磁盘读进标签页的内存,在那里被处理,再作为下载写回去。它不会被送到任何地方 —— 不会送给我们,也不会送给第三方。

自己动手验证

  1. 打开浏览器的开发者工具(F12),选择“网络”(Network)面板。
  2. 载入你的文件,运行这个工具。
  3. 你能看到的请求只有这些:工具自己的代码 —— 少数几个重型工具还会从公共 CDN 取它们的开源引擎 —— 外加一条发往 loreatec.jp 的小小访问记录(页面地址和标题,仅此而已)。没有一条带着你的文件。

文件不外传的证明 →

常见问题

模拟效果准确吗?

用的是 Machado(2009)基于生理学的矩阵模型,在线性光空间里计算 —— 大多数无障碍工具背后用的都是这一套。它反映的是每种缺陷的典型感知效果,具体到每个人会有差异。

应该重点看哪些地方?

任何只靠颜色区分的内容:图表里的不同系列、用红色标出的表单错误、状态指示点。如果在绿色盲视图里两样东西混在一起分不开了,就再加一个区分维度 —— 标签、形状或者图案。

为什么它能处理 PDF?

因为报告和幻灯片正是颜色编码最容易出问题、造成最大损害的地方。模拟时会把页面逐页转成位图处理。