Contents ...
udn網路城邦
對色盲者友善的網頁設計
2009/10/16 10:24
瀏覽2,094
迴響0
推薦0
引用0
以前設計網頁時,從未考慮色盲者的『看法』。有一次研究 UML(Unified Modeling Language)時,作者提到網頁的配色不佳,會造成色盲者的困擾。當時覺得這位作者蠻貼心的。

這次在 GAE 試作 簡單式討論區短址服務網站 時,決定要作到 Color Blindness Friendly Design(對色盲者友善的網頁設計)。先說說為什麼要作到色盲友善設計?色盲者約占全部人口的 5%,這是相當大的族群;以台灣為例,色盲者將近一百萬人。一個商業網站不可能忽視這麼大的消費族群。以政府網站為例,如果政府的網站要宣導防止 H1N1 流感的傳染,卻有一百萬人,看不懂網站在講什麼,那可是會形成防疫死角。所以從人權的尊重、商業的利益、資訊的正確傳達等角度來看,色盲友善設計是絕對必要的。

下述是色盲的基本資料,參考 維基百科:Color blindness。眼睛存在三種能辨色的椎狀細胞,能吸收不同波長範圍的光,分別是藍色, 綠色含黃色(yellowish-green),與黃色。色盲者因為缺少部分辨色細胞,而缺乏辨色能力。色盲者主要是男性,女性較少。色盲者可分為:
  1. 單色色盲(Monochromacy):又稱完全色盲,無法分別任何顏色,只能分辨亮度(brightness)。占人口的 0.00001%。
  2. 雙色色盲(Dichromacy):缺少部分辨色細胞,無法分辨部分顏色,占人口的 1.3%。
    紅色盲(Protanopia)看不見紅色,看成黑暗黃色;綠色看成土黃色;最高亮度的黃色則亮度會變稍暗。
    綠色盲(Deuteranopia)紅色看成暗土黃色;綠色看成暗土黃色;最高亮度的黃色則亮度會變稍暗。
    藍色盲(Tritanopia)紅色正常,黃色看成粉紅色,藍色看成暗藍綠色,綠色則看成藍綠色。藍色盲很少,占人口的 0.01%。
  3. 三色異常(Anomalous Trichromacy):變色細胞異常,而非完全喪失。例如黃色是紅色與綠色等比率混合;而對紅綠色異常者,黃色是紅色與綠色不等比率混合。這類異常對平常生活沒有太大影響,但是配色不當的網頁,會使其看的很吃力。三色異常者占人口 3.3%;綠色異常者最多,藍色異常者只占人口 0.01%。

由於照片都是色彩繽紛的,如果只限使用黑白照片,似乎矯枉過正,所以照片的顏色不宜加以限制。下面主要是針對文字的配色提出建議:
  1. 根據研究 白底黑字 辨識度最高。而 黑底白字較不傷眼。重要訊息的文字都應該使用黑白兩色。你可以用 放大字粗體字斜體字 來分別重要訊息。
  2. 如果要使用有顏色的字,請用藍色、黃色及前兩色的混合色;大部分的色盲者都可以辨識上述顏色。但藍色盲者會誤判這兩色。

因為筆者不是色盲者,僅憑參考資料完成此文,如果此文有錯誤之處,懇請不吝指正
全站分類:休閒生活 網路生活
自訂分類:不分類
發表迴響

會員登入