视力障碍
色盲

色盲的类型

几种着色蜡笔没有显示颜色在深入了解色盲类型的细节之前,您应该知道以下解释是完整图片的简化版本色盲是一个引人入胜的话题,正是因为它的复杂性你不需要了解色盲的所有细节就知道如何为那些色盲的人创建网络内容的万维体育官网网址这是一个重要的事实,立即理解:

重要

具有色盲的用户的Web可访问性的关键原则是:

  1. 感知:因为他们无法察觉(看)某些颜色组合之间的差异

他们难以区分的颜色取决于他们的色盲类型,但红绿色缺陷是最常见的。

红绿色的缺陷

最常见的广泛类型的色盲通常被称为红绿色盲,但这并不意味着这些人看不到红色或绿色他们只是难以区分它们并非所有的红色和绿色都难以区分例如,红绿色缺陷的人很容易分辨出浅绿色和深红色之间的区别很大程度上取决于 - 至少部分取决于颜色的暗度如果红色大约和绿色一样深,则颜色混淆的可能性更大。

此外,有证据表明红绿色盲人看到红色和绿色为黄色,橙色和beiges这意味着黄色,橙色和beiges可能与绿色和红色混淆最不受影响的颜色是蓝调。

Protanopia和protanomaly(红色缺陷)

具有视野的人眼睛中的颜色受体(视锥细胞)对长波长(红色)不敏感红色看起来更像是beiges,看起来比实际上更暗果岭往往看起来像红色Protanomaly比protanopia温和,但最终结果是相似的尽管许多具有肿瘤的人可以区分一些红色和绿色,但是他们不能像具有正常视力的人一样容易地做到这一点,并且,与蓝斑一样,红色也看起来更暗。

亲身体验吧

正常
用红色,蓝色,绿色和黄色绘制

红色盲
相同的图画,红色和绿色难以区分,红色与原始图案相比略深

Deuteranopia和deuteranomaly(绿色缺陷)

Deuteranopia和deuteranomaly是最常见的色盲形式具有这些条件的人具有对中等波长(绿色)不敏感的视锥细胞,但最终结果类似于视野,但红色看起来并不像黑暗Deuteranomaly是两种情况中较不严重的尽管具有deuteranomaly的个体可能看不到红色和绿色与正常人的颜色相同,但他们通常可以相对准确地区分红色和绿色的阴影。

亲身体验吧

正常
用红色,蓝色,绿色和黄色绘制

绿色盲
相同的图画与红色和绿色无法区分

其他不足之处

Tritanopia(蓝色缺陷)

Tritanopia比上面提到的其他类别少得多Tritanopia对短波长(蓝调)不敏感一般来说,布鲁斯和绿色可能会混淆,但黄色也会受到影响,因为它们似乎会消失或呈现为较浅的红色。

亲身体验吧

正常
用红色,蓝色,绿色和黄色绘制

蓝色盲
蓝色和绿色相同的图画很难区分

棒单色或无色(无色)

这个小组构成了一个非常在色盲人群中占少数眼睛的视锥细胞是无功能的,所以视杆(只能区分光明和黑暗的感受器)是唯一可用的视觉信息来源患有消色症的人根本看不到任何颜色他们的世界是黑色,白色和灰色阴影他们的视力往往较差,并且对强光有厌恶This is the only group for which "color-blindness" is a label that fits, since all other groups have the ability to see some color.

亲身体验吧

正常
用红色,蓝色,绿色和黄色绘制

Achromacy
相同的绘图,但没有任何颜色,图像本身更模糊,更轻

设计色盲

为盲人设计网页内容时,您无需将所有图像转换为黑白图像或完全删除图像实际上,您可能根本不需要更改任何图像这是关键:

重要

确保颜色不是传达重要信息的唯一方法。

大多数时候,当人们将图像放在网络上时,它们的颜色根本就是无关紧要的看到颜色可能更好,但即使删除了所有颜色,观众也可以理解图像但是,如果发布图像的目的是为了传达有关该图像中颜色的信息,那么提供一些其他方式来理解信息是很重要的。例如,如果图像显示伦敦地铁的路线,其中路线仅通过线条的颜色区分,如下图所示,您可能希望以某种方式注释图形本身(并提供适当的ALT文本)或网页中的文字,以补充区分路线的颜色相关方法。

伦敦地铁(地铁)地图,显示车站之间的不同车站和路线站点之间的线路是不同的颜色,对应于不同的路线。 黑色和白色版本的伦敦地铁路线图

顺便提一下,有色盲的人不是唯一会从这种技术中受益的人盲人也无法区分颜色,因此需要通过其他方法提供的额外线索。

关键概念

色盲的关键概念
挑战 解决方案
红色和绿色通常难以区分 除了颜色传达重要信息的情况之外,这通常不是问题Under these circumstances you will need to either change the graphic or provide an additional means of obtaining the same information通常,最合适的方法是在文本中提供解释。
其他颜色可能难以区分 与上面相同。