Colors 色盲模拟器

Colors 色盲模拟器,colors,accessibility,color-blindness,Colors,Accessibility,Color Blindness,像任何负责任的开发人员一样,我希望确保我制作的网站能够被尽可能广泛的受众访问,这包括有某种形式色盲的人口的很大一部分 有许多网站提供过滤你提供给它的URL,要么呈现图片,要么过滤所有内容。然而,这两种方法在呈现中等复杂的布局时似乎都失败了,所以我想找到一种客户端方法 理想的解决方案是在整个屏幕上安装一个系统过滤器,用于测试任何程序。其次是浏览器插件。这里有一个链接,指向一个模拟各种色盲的网站: 它们可以让你用三种不同的色盲类型来检查URL和屏幕截图(URL检查有点过时了。图像检查效果更好) 顺

像任何负责任的开发人员一样,我希望确保我制作的网站能够被尽可能广泛的受众访问,这包括有某种形式色盲的人口的很大一部分

有许多网站提供过滤你提供给它的URL,要么呈现图片,要么过滤所有内容。然而,这两种方法在呈现中等复杂的布局时似乎都失败了,所以我想找到一种客户端方法


理想的解决方案是在整个屏幕上安装一个系统过滤器,用于测试任何程序。其次是浏览器插件。

这里有一个链接,指向一个模拟各种色盲的网站:

它们可以让你用三种不同的色盲类型来检查URL和屏幕截图(URL检查有点过时了。图像检查效果更好)


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

这里有一个链接,指向一个模拟各种色盲的网站:

它们可以让你用三种不同的色盲类型来检查URL和屏幕截图(URL检查有点过时了。图像检查效果更好)


顺便说一句,我鼓励每个人检查自己的应用程序。用别人的眼睛看自己的应用程序可能会让人大开眼界(双关语)。

这里有一篇文章为色盲用户优化UI提供了一些指导:

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


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

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


一篇解释保留色差转换的优秀论文是:


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

一篇解释保留色差转换的优秀论文是:

我还没有实现这个过滤器,但我计划在我有更多空闲时间的时候实现它。

我发现它可能会有所帮助。以下是简短的描述:

ColorOracle是一款针对Windows、Mac和Linux的色盲模拟器。它通过实时向您展示常见色盲患者将看到什么,消除了对色盲设计的猜测

我偶然发现,认为这可能会有所帮助。以下是简短的描述:

ColorOracle是一款针对Windows、Mac和Linux的色盲模拟器。它通过实时向您展示常见色盲患者将看到什么,消除了对色盲设计的猜测


我知道这是一个很老的问题,但我最近发现了一个有趣的解决方案,可以透明地模拟色盲

使用Linux时,可以使用Compiz插件模拟色盲。它带有deuteranopia和protonopia的配置文件,并实时更改整个屏幕的颜色


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

我知道这是一个相当古老的问题,但我最近发现了一个有趣的解决方案,可以透明地模拟色盲

使用Linux时,可以使用Compiz插件模拟色盲。它带有deuteranopia和protonopia的配置文件,并实时更改整个屏幕的颜色


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

Color Oracle很棒,但另一个选择是,它是Linux中KDE的一部分。它表面上是一个屏幕放大镜,但可以模拟前盲、后盲、三盲和色盲

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

这是一个屏幕截图,左侧显示原始图形,右侧显示KMag窗口,模拟先天性斜视


彩色Oracle很棒,但另一个选择是,它是Linux中KDE的一部分。它表面上是一个屏幕放大镜,但可以模拟前盲、后盲、三盲和色盲

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

这是一个屏幕截图,左侧显示原始图形,右侧显示KMag窗口,模拟先天性斜视


正如我在问题中所说,它严重破坏了我的布局,以至于很难说出任何事情。例如,它会漏掉背景图片,用白色背景上的图片替换透明图片,更改字体等。我可以在保存的屏幕截图上运行它,但作为一个实时模拟器,它失败了。我已将您标记为答案,尽管这不是我所要求的。他们为Vischeck提供的Photoshop插件比在线版本好得多,是我找到的最接近的解决方案。很抱歉,没有将您标记为答案,但出现了一个更好的解决方案。VisCheck仍然是一个很有价值的工具,但是颜色甲骨文非常出色。正如我在问题中所说,它严重破坏了我的布局,以至于很难说出任何事情。例如,它会漏掉背景图片,用白色背景上的图片替换透明图片,更改字体等。我可以在保存的屏幕截图上运行它,但作为一个实时模拟器,它失败了。我已将您标记为答案,尽管这不是我所要求的。他们的Photoshop插件