色盲模拟器

时间:2008-10-15 00:09:38

标签: colors accessibility color-blindness

与任何负责任的开发人员一样,我希望确保我所制作的网站能够为尽可能广泛的受众提供,其中包括大部分色盲人群。

有许多网站可以过滤您提供的网址,方法是渲染图片或过滤所有内容。但是,在渲染中等复杂的布局时,这两种方法似乎都失败了,所以我有兴趣找到一种客户端方法。

理想的解决方案是整个屏幕上的系统过滤器,可用于测试任何程序。接下来最好的事情是浏览器插件。

7 个答案:

答案 0 :(得分:15)

我遇到了Color Oracle并认为这可能会有所帮助。这是简短的描述:

  

Color Oracle是适用于Windows,Mac和Linux的色盲模拟器。通过实时向您展示具有常见色觉障碍的人会看到什么,可以避免设计色盲的猜测。

答案 1 :(得分:6)

这是一个模拟各种色盲的网站链接:

http://www.vischeck.com/

他们允许您使用三种不同的色盲类型检查URL和屏幕截图(URL检查有点过时了。图像检查效果更好)。

我鼓励大家检查他们的申请顺便说一句。用他人的眼睛看你自己的应用程序可能会让人大开眼界(双关语)。

答案 2 :(得分:3)

我知道这是一个很老的问题,但我最近找到了一个有趣的解决方案来透明地模拟色盲。

使用Linux时,您可以使用Compiz的Color Filter插件模拟色盲。它配备了deuteranopia和protonopia的配置文件,并实时改变整个屏幕的颜色。

这非常好,因为它在所有应用程序中都可以透明地工作(甚至在Youtube视频中),但它只适用于Compiz可用的地方,例如:只在Linux下。

答案 3 :(得分:3)

颜色Oracle很棒,但另一个选项是KMag,它是Linux中KDE的一部分。它表面上是一个屏幕放大镜,但可以模拟protanopia,deuteranopia,tritanopia和achromatopsia。

它与Color Oracle的不同之处在于需要一个额外的窗口来显示重新着色的图像,但优点是可以在预览模拟的同时修改基础图像。

这是一个截图,显示左侧的原始图形,右侧的KMag窗口,模拟protanopia。

enter image description here

答案 4 :(得分:1)

这篇文章提供了一些优化色盲用户UI的指南:

Particletree » Be Kind to the Color Blind

它包含指向您要求的工具类型的另一篇文章的链接:

10 colour contrast checking tools to improve the accessibility of your design | 456 Berea Street

答案 5 :(得分:1)

一篇很好的论文解释了保留色差的转换:

Detail Preserving Reproduction of color images for Monochromats and Dichromats.(PDF)

我没有实现过滤器,但我计划在有更多空闲时间。

答案 6 :(得分:0)

我发现 Colour Simulations 在 Windows 10 上易于使用。该软件可以将色盲滤镜应用于屏幕的一部分或整个屏幕。最棒的是它让我可以正常地与我的 PC 交互,就好像它不存在于全屏模式中一样。不过,它在使用集成显卡的 4K 屏幕上运行速度很慢。