首頁 部落格 針對色盲者網頁設計的三個方針
Katie
Mar 18, 2013
iWare的視覺設計,喜歡用視覺發言、講故事,堅信「設計無論好壞要有自己的味道」。 喜好小說、電影、音樂...一切能提供幻想元素的事物;同時也是一位膽大心細的犬展指導手。

針對色盲者網頁設計的三個方針

色盲人口比你我想像的還要多

根據統計,12個人中就有一位色盲的人口。色盲者使用網路時也會遇到些許障礙,最常見的問題就是網頁若使用彩色文字做為超鍊結的指標,色盲者往往就會錯過這樣的資訊,漏失了重要的訊息。

因此一個無障礙的網頁設計時,最好也要將色彩與色盲者的需求考慮進去。一般來說設計色盲者的網站重點有:

※ 白底黑字辨識度最高。重要訊息的文字都應該使用黑白兩色。近年黑底白字的主流網站已經較少,入口、購物、企業網站...等大多以白底黑字為準則。

※ 放大字、粗體字、斜體字都可以用來註明重要訊息,例如使用者合約、條款等都很適合使用。

※ 如果要使用有顏色的字,請用藍色或黃色的字體。知名的Facebook網站創作者祖克柏本身就是色盲者,因此設計Facebook時以藍色才看得清楚。(備註:藍色色盲者較其他色盲者人口為少)

▲上面圖案由左至右,分別為正常顏色、綠色色盲者以及青黃色色盲者所看到的色彩

圖片來源 GIZMODO 轉載請註明出處或鏈接

網頁設計過程中如何做好色彩搭配
網頁設計過程中如何做好色彩搭配
Jericho
Jericho
Mar 27, 2024
為何要製作RWD (Responsive Web Design) 響應式網站設計?有什麼優點和缺點?
為何要製作RWD (Responsive Web Design) 響應式網站設計?有什麼優點和缺點?
Jericho
Jericho
Mar 20, 2024
網站設計思路:創造令人愉悅的用戶體驗
網站設計思路:創造令人愉悅的用戶體驗
Jericho
Jericho
Mar 15, 2024