最近讀了本《 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”這類的按鈕，讓我們用藍色替換綠色。這樣一來，每個人都可以清楚地區分它們。