最近读了本《 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”这类的按钮,让我们用蓝色替换绿色。这样一来,每个人都可以清楚地区分它们。 原文链接: Julesinthemiddle |