WebAIM  - 无障碍记

视觉障碍
色盲

色盲的类型

几个着色蜡笔显示没有颜色色盲或色觉缺陷是无法区分颜色的深浅一定。正是由于其复杂性令人着迷的话题。有三种类型的眼内感光的。每个负责检测不同的颜色的波长。此外,也有检测光的强度,称为杆光感受器。如果这些类型的光的缺失或不正确地发挥作用,就可能出现色盲。色盲的最常见的类型是红绿缺乏症,这并不意味着红色和/或绿色都看不出来,但红色和绿色,某些色调可能难以区分。

重要

网页易读与色盲是用户的主要原则:

  1. 感知:某些色彩组合之间的差可以是难以察觉的。

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

红绿色的缺陷

用红绿缺乏个人有困难的红色和绿色的色调的一些区别,但他们仍然可以在浅色和深色之间进行区分。深红色和浅绿色将是容易的,因为它们的对比度差异来区分。用红绿色盲的人可以看到红色和绿色的黄色,橙色和米色。这意味着,黄色,橙色和米色可以用绿色和红色相混淆。蓝不受这种类型的色盲。

红色盲和红色弱视(红色的缺陷)

红色盲并且当在眼睛中的视锥细胞,用于检测红色主要负责已丢失或错误发生红色弱视。果岭往往类似于红魔。红色弱视比红色盲温和,但结果却是相似的。很多人用红色弱视可以区分一些红色和绿色有一定的难度,并且,与红色盲,红色往往显得较暗为好。

亲身体验吧

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

红色盲
同一图中,有难以区分红色和绿色,红色与那些对比度比原来稍深

绿色盲和绿色弱(绿色缺陷)

绿色盲,当锥体检测绿色主要负责丢失或错误,但最终的结果是非常相似的红色盲,与红色不会出现暗异常发生弱视。绿色弱视是不太严重的两个条件。与绿色弱个人可以红色和绿色的色调之间相对精确地经常辨别。

亲身体验吧

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

绿色盲
明确区分红色和绿色同图

其他缺陷

蓝色盲和蓝色弱视(蓝色的缺陷)

蓝色盲和蓝色弱视比其他类型的很少见。蓝色盲是当锥体用于检测蓝色主要负责已丢失或错误。蓝色和绿色,可能会出现非常相似,黄色可能显示为红色的颜色比较浅或者看起来可能完全消失。

亲身体验吧

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

蓝色盲
蓝调和难以分辨的果岭相同的图

杆单色视觉或achromacy(无颜色)

这组成人谁是色盲中的极少数。所有三种视锥细胞或丢失或无功能的,所以杆(它只能明暗区分光感受器)是视觉信息的唯一来源。与achromacy个人看世界仿佛在灰度,一切都将出现在黑色,白色和灰色阴影。这通常会导致视力差和厌恶明亮的光线。

术语“色盲”是这类缺陷的最真实的,因为这些人完全没有看到任何颜色的能力,而颜色缺乏是最精确的,当人们只是缺乏颜色光谱的一部分。

亲身体验吧

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

Achromacy
同样的图纸,但没有任何颜色,图像本身是较模糊,更轻

设计为色盲

在设计网页内容,没有必要摆脱颜色。这是没有必要对所有图像转换为黑白或完全删除图像。事实上,它可能没有必要改变所有东西。

重要

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

大多数时候,色彩的是在网络上认识的内容无关。然而,当颜色来传达或分化的信息,如饼图或条形图或使用绿色和红色文字显示合格/不合格或好/坏,等等,这些信息也应该以另一种方式提供。

例如,下面示出了图像纽约市的公共交通系统,其中,所述路由是由线的颜色区分的至少一部分。

甲交通地图上显示不同的站和站之间的路由。站之间的线是不同的颜色,它们对应于不同的路由。

当颜色信息被删除,路线是非常难以区分。

相同的交通地图显示不同的站与站之间的路线,但颜色信息已被删除。

当使用彩色增强了用户体验,在颜色可能不被察觉(包括谁是盲人用户),通过自定义设置覆盖,或不容易区分这些信息需要通过注释的图像来传达,用不同风格每行,或由图像与网页传达同样的信息文本补充。