在设计过程的早期使用色盲Colorlab来选择安全的颜色. 了解更多关于色盲的信息 维基百科的条目.
这个工具还在开发中,但是 反馈 在我们工作的时候欢迎你吗.
如果你只使用一个过滤器, 使用灰度过滤器,它不仅可以指出潜在的问题区域, 但也会让你更清楚地看到过滤器无法处理的区域.
改进
我们对色盲网页过滤器做了以下改进. 这些将自动应用到您的页面.
改进的图像滤波
图像过滤比HTML或CSS过滤需要更多的时间. 如果您使用图像来传达信息或呈现导航元素, 以前你第一次浏览网页时过滤图片. 在第一次检查之后, 禁用图像过滤可能会节省时间,除非您更改了图像(或其背景/前景)。. 我们做了显著的性能改进 惊人的速度提升.
改进的非gif图像过滤
以前,我们只过滤GIF图像. 这意味着非GIF图像必须先转换成GIF格式,然后才能进行处理. 这在某些情况下会导致图像质量下降,在大多数情况下会影响性能. 您可能希望通过禁用对非gif图像的过滤来降低性能. 经过我们的优化,你会看到 显著的速度和质量提高.
改进样式表
我们的CSS过滤并不完美,但已经很完美了 多 比我们对客户端脚本的过滤要好. 如果您的页面仍然是有问题的异常之一, 创建一个不使用CSS(或使用更简单的CSS)的版本来演示相同的网页颜色. 运行 那 通过我们的过滤器.
我们的标志
如果您的页面符合以下条件, 请随意在您的网站上使用此标志(可在 gif 和 png 格式). 您可以使用此服务器或本地副本中的徽标, 但应该在你的标记中包括以下HREF和ALT文本:
在使用徽标之前,您需要验证以下内容:
在灰度覆盖测试下,页面呈现清晰
对于其他每个过滤测试
要么所有文本前景/背景颜色对保持不变(因为您的标记允许用户的浏览器首选项决定颜色)
或者将所有文本前景色/背景色转换为覆盖色(因为您的标记设置了前景色和背景色以确保足够的对比度)