BootStrap的色盲无障碍性

转自 http://blog.jobbole.com/40597/

最近读了本《 Don’t Make Me Think》（强烈推荐) ，它改变了我对 web的视角。我认为最有趣的地方是无障碍性那部分。我从来没有想到过全世界有8%的人是色盲。这可是一个非常庞大的人群，足足5.6亿人口。

意识到这些问题后，我开始思考每天都在使用的web。假使一个非常知名并且被广泛使用的CSS库对色盲的人群不友好，结果将会怎样？然后，我打开Bootstrap，开始搜寻和颜色相关的东西。就发现了下面这些按钮。

以上这些按钮是常人看到的效果，这些按钮看起来很清新，对吧？不过，色盲的人看到却是另外一种效果。

我突然想到上面的“Success” 和 “Warning”看起来差别不明显。这两个按钮本意差别很大，用相近的颜色来区分显然不符合逻辑。于是，我把颜色的整个光谱图上传到 “Coblis” (http://www.color-blindness.com/coblis-color-blindness-simulator/) 。看看能否找到对所有人而言，更恰当的、用于区分 Danger 和 Success 的颜色。结果如下：

从上图来看，我想大家都应该很清楚了：不管是不是色盲，黄色和蓝色都是容易区分的。（ 顺便提一句，大家知道为什么Facebook选蓝色吗？）

扯了这么多，我个人的建议： 对于“Success”这类的按钮，让我们用蓝色替换绿色。这样一来，每个人都可以清楚地区分它们。