色盲模拟器

发布于 2024-07-07 11:02:15 字数 217 浏览 11 评论 0原文

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

有许多网站可以通过呈现图片或过滤所有内容来过滤您提供的 URL。 然而,在渲染中等复杂的布局时,这两种方法似乎都会失败,因此我有兴趣寻找客户端方法。

理想的解决方案是在整个屏幕上设置一个系统过滤器,可用于测试任何程序。 下一个最好的东西是浏览器插件。

Like any responsible developer, I'd like to make sure that the sites I produce are accessible to the widest possible audience, and that includes the significant fraction of the population with some form of colour blindness.

There are many websites which offer to filter a URL you feed it, either by rendering a picture or by filtering all content. However, both approaches seem to fail when rendering even moderately complex layouts, so I'd be interested in finding a client-side approach.

The ideal solution would be a system filter over the whole screen that can be used to test any program. The next best thing would be a browser plugin.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

別甾虛僞 2024-07-14 11:02:15

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

Color Oracle 是一款适用于 Windows、Mac 和 Linux 的色盲模拟器。 它可以实时向您展示有常见色觉障碍的人会看到什么,从而消除了色盲设计中的猜测。

I came across Color Oracle and thought it might help. Here is the short description:

Color Oracle is a colorblindness simulator for Windows, Mac and Linux. It takes the guesswork out of designing for color blindness by showing you in real time what people with common color vision impairments will see.

捶死心动 2024-07-14 11:02:15

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

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

这是一张屏幕截图,左侧显示原始图,右侧显示 KMag 窗口,模拟红色盲。

输入图像描述这里

Color Oracle is great, but another option is KMag, which is part of KDE in Linux. It's ostensibly a screen magnifier, but can simulate protanopia, deuteranopia, tritanopia and achromatopsia.

It differs from Color Oracle by requiring an additional window in which to display the re-coloured image, but an advantage is that one can modify the underlying image at the same time as previewing the simulation.

Here is a screenshot showing the original figure on the left, and the KMag window on the right, simulating protanopia.

enter image description here

转瞬即逝 2024-07-14 11:02:15

以下是模拟各种色盲的网站链接:

http://www.vischeck.com/

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

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

Here's a link to a website that simulates various kinds of color blindness:

http://www.vischeck.com/

They let you check URL's and Screenshots with three kinds of different color blindness types (URL checking is a bit dated though. Image-check works better).

I'd encourage everyone to check their applications btw. Seeing your own app with others eyes may be an eye opener (pun intended).

泪意 2024-07-14 11:02:15

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

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

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

I know this is a quite old question, but I've recently found an interesting solution to transparently simulate color blindness.

When working with Linux, you can simulate color blindness using the Color Filter plugin for Compiz. It comes with profiles for deuteranopia and protonopia und changes the colors of the whole screen in real-time.

It's very nice because it works transparently in all applications (even within Youtube-Videos), but it will only work where Compiz is available, e.g. only under Linux.

七色彩虹 2024-07-14 11:02:15

这里有一篇文章,其中提供了一些针对色盲用户优化 UI 的指南:

Particletree » 善良色盲

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

10 个色彩对比检查工具,可提高设计的可访问性 | 伯里亚街456号

Here's an article that has some guidelines for optimizing UI for color blind users:

Particletree » Be Kind to the Color Blind

It contains a link to another article with the kind of tools you were asking for:

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

枯寂 2024-07-14 11:02:15

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

细节保留复制单色和二色的彩色图像。(PDF)

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

A great paper that explains a conversion that preserves color differences is:

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

I haven't implemented the filter, but I plan to when I have some more free time.

我最亲爱的 2024-07-14 11:02:15

我发现 颜色模拟 在 Windows 10 上很容易使用。该软件可以将色盲滤镜应用于零件屏幕或整个屏幕。 最棒的是它允许我正常地与我的电脑交互,就好像它不存在于全屏模式下一样。 不过,在我使用集成显卡的 4K 屏幕上,它的运行速度相当慢。

I found Colour Simulations easy to use on Windows 10. This software can apply a color-blind filter to a part of the screen or the whole screen. And what's great is it allows me to interact with my PC normally as if it doesn't exist in fullscreen mode. It runs quite slow in my 4K screen using an integrated graphics card, though.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文