← 回首頁

無障礙

你的圖表配色，大約每 12 個男性讀者就有 1 個看不出差別

圖表套件的預設色盤是照「色相要拉開」挑的，而紅綠色盲拿走的正好就是色相這條軸。這就是預設值會壞掉的結構性原因。

你做了一個有五條序列的儀表板，看起來沒問題。一週後有人有點不好意思地提到， 他其實分不出其中兩條線——而且從上線那天起就一直在用猜的。

這個數字比感覺上嚴重

北歐裔族群中，大約有 8% 的男性帶有某種形式的紅綠色覺缺陷，女性約 0.5%。 一個三十人的工程團隊，通常就是一到兩個人。一個月有一萬人看的公開儀表板， 就是好幾百人。

最常見的類型是綠色弱——綠錐細胞的敏感度下降，而不是完全沒有。這一點很重要： 多數受影響的讀者不是活在灰階世界裡，他們看得到顏色，只是其中一條軸被壓縮了。 這正是問題不會被回報的原因——圖表在他們眼裡不像壞掉，只是曖昧， 而曖昧感覺起來像是自己的問題。

預設色盤壞掉的原因是結構性的

圖表套件挑預設顏色的目標，是讓它們在色相上盡量拉開。這個目標本身很合理， 而它正好就是紅綠色覺缺陷會壓縮的那條軸。一個純粹為色相多樣性最佳化的色盤， 等於為「一部分讀者用不到的那個屬性」最佳化。

明度會留下來，飽和度部分留下來，色相不會。所以只在色相上變化的色盤會退化成 一堆幾乎一樣的中間調，而同時在明度上拉開的色盤，就算整張轉成灰階仍然讀得動。

檢查你自己的色盤

下面預載的是一組典型的套件預設色盤——那種你免費拿到、之後再也沒想過的東西。 把色覺選項切到綠色盲，看看那個紅色和那個綠色會發生什麼事。

虛線框標出的是「已經移動到與色盤中另一個顏色相距 ΔE 20 以內」的顏色。在圖表上， 色塊小、又通常不相鄰，靠這麼近的兩色多數讀者已經無法穩定分辨。

真正有效的三件事

依照能買到多少改善排序：

1. 把色盤攤在明度上，不只是色相。 如果整張圖轉成灰階時你的顏色還分得開， 它就能撐過所有色覺缺陷——明度是唯一沒有人會失去的通道。
2. 同一份資訊編碼兩次。 線條樣式、標記形狀，或直接在每條線末端標上名字， 都能讓顏色從「唯一的索引」降級成「方便的索引」。這是最耐用的一招， 而且在投影機上、影印本上、大太陽底下都一起受益。
3. 從驗證過的色盤開始。 Okabe–Ito 是八個高飽和度、在每種常見缺陷下都分得開的 顏色；ColorBrewer 的分類色盤是另一個老牌選擇。兩組都不灰撲撲， 剛好反駁「無障礙就等於褪色」這個假設。

沒有用的是「不要紅配綠」這種規則。這個缺陷壓掉的是一整條軸，所以橘配綠會撞、 粉紅配灰會撞、青綠配灰也會撞。失效的組合比一句口訣裝得下的還多—— 跑模擬比背規則便宜。