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

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

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

有帮助吗?

解决方案

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

  

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

其他提示

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

http://www.vischeck.com/

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

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

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

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

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

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

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

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

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

Particletree»善待色盲

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

10种色彩对比度检查工具,以改善您的设计的可访问性456 Berea Street

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

详细信息保留单色和重铬酸盐彩色图像的复制品。(PDF)

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

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top