与任何负责任的开发人员一样,我希望确保我所制作的网站能够为尽可能广泛的受众提供,其中包括大部分色盲人群。
有许多网站可以过滤您提供的网址,方法是渲染图片或过滤所有内容。但是,在渲染中等复杂的布局时,这两种方法似乎都失败了,所以我有兴趣找到一种客户端方法。
理想的解决方案是整个屏幕上的系统过滤器,可用于测试任何程序。接下来最好的事情是浏览器插件。
答案 0 :(得分:15)
我遇到了Color Oracle并认为这可能会有所帮助。这是简短的描述:
Color Oracle是适用于Windows,Mac和Linux的色盲模拟器。通过实时向您展示具有常见色觉障碍的人会看到什么,可以避免设计色盲的猜测。
答案 1 :(得分:6)
这是一个模拟各种色盲的网站链接:
他们允许您使用三种不同的色盲类型检查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。
答案 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 屏幕上运行速度很慢。