据估计,全球男性人口中高达 10% 患有某种形式的色盲。最常见的是 Protanopia,或红绿色盲,即无法区分红色和绿色色调。此外还有蓝黄色盲和全色盲。
优秀的网页设计师会花费大量时间调整和微调网站,以适应使用各种网络浏览器甚至 屏幕阅读器 的用户。这类工作涉及大量的测试、令人抓狂的技巧和不眠之夜,所有这些都是为了适应这里那里一小部分的观看者。当然,无障碍性非常重要,因此值得付出努力。为什么不更进一步,确保您的完美布局实际上能够被视力障碍者阅读?
以下是一些工具、链接和想法,可以帮助您实现目标。
Jeffrey Zeldman 撰写了一篇关于 测试设计以适应色盲 的好文章,其中提到了 Sim Daltonism。Sim Dalonism 是一款轻量级的 OS X 应用,它会打开一个小型的“窗口”,显示您鼠标所在屏幕区域对于患有不同用户可选色盲症的人员来说是什么样的。我已经下载了它并一直在玩,它是一款非常棒的小应用。
他还提到了 Colorblind Web Page Filter,它允许您输入 URL 并选择一种色盲类型,它会生成该网页在色盲用户眼中的样子。非常适合一次性查看整个网页。
色盲设计的很多内容都归结为对比度。Go MediaZine 有一篇关于 良好和不良对比度 的好文章,其中包含一些示例。
如果您使用的是 OS X,则应查看“通用访问”控制面板。它不仅可能对色盲用户提高整个操作系统的对比度很有用,其工具也可能用于测试。有一个“使用灰度”选项,这是一种轻松查看网页在全色盲状态下外观的方式。
如果您不想修改设置,您可以始终抓取网页的屏幕截图(抱歉,所有这些都是 OS X 特定的内容,但它是 Command-Shift-4 然后是空格键来截取窗口)。然后在预览中打开屏幕截图,转到“调整颜色”,并将饱和度滑块完全向左拖动。
也许我最喜欢的测试颜色对比度的工具是 Jonathan Snook 提供的简单的 Colour Contrast Check。有两个简单的滑块用于设置前景和背景颜色,以及一个结果面板,向您显示其外观以及对比度是否符合要求,即对比度是否在可接受的水平。
希望这对大家有所帮助。如果您对此有任何其他想法,请告诉我,我很乐意听取。
评论