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

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

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

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

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

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

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

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

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

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

超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
Free Resource
Free Resource
Apr 08, 2019
Google協作平台製作網站的優缺點分析
Google協作平台製作網站的優缺點分析
Free Resource
Free Resource
May 07, 2019
淺談無障礙網頁設計2.0
淺談無障礙網頁設計2.0
Ryan
Ryan
Jan 11, 2019