跳到主要內容
:::|

2.2:H202101確保前景顏色與背景顏色彼此呈現明顯的對比

說明:當提供影像圖形給視覺障礙者(弱視或色盲者)觀看時,必須將影像圖形的前後景顏色組合行成足夠的對比,以利其觀賞。也便於其他一些身心障礙者使用黑白螢幕觀看。

範例:有些使用者必須透過黑白螢幕或是色彩解析度較低的螢幕來讀取網頁,當網頁設計的前景資料與背景顏色對比不明顯時,不但會造成這些特殊使用者無法取得網頁資訊,也可能會造成一般使用者讀取網頁時的不便。 除了使用黑白螢幕試看網頁之外,網頁設計者還可以將網頁以黑白印表機輸出(背景也必須以灰階同時列印出來),再以影印機複製幾次,然後以影印複製出的網頁來檢視對比的清晰程度。

不良設計

前景顏色與背景顏色過於相近使用者不易閱讀。

不良設計:

< SPAN style = " color:#0066cc;background-color:#6699cc" > 
< STRONG > 台北市今日天氣概況為午後有局部雷陣雨...... < / STRONG > 
< /SPAN >

正確示範

前景顏色與背景顏色彼此呈現較明顯的對比。

正確範例:

< SPAN style = " color:#ffffff;background-color:#330000" > 
< STRONG > 中部地區今日天氣概況為午後有局部雷陣雨...... < /STRONG > 
< /SPAN >

上一頁| 回首頁