跳到主要內容
:::|

2.1:H102100確保所有藉由顏色所傳達出來的訊息,在沒有顏色後仍然能夠傳達出來

說明:對於視障者而言,難以辨別網頁資訊單獨以顏色作為傳達的方式。例如:色盲者無法分辨某兩種顏色(紅綠或黃藍)、弱視者在前後景顏色對比不夠明顯,而無法辨識網頁的資訊;另外使用單色銀幕也無法顯示以顏色差別所呈現的網頁資訊。

範例:下段陳述中,直接以各政黨的代表色來標示各立委的所屬政黨,這種作法,對於視障者或黑白螢幕使用者來說,並無法傳達正確訊息。

不良設計

不良設計:

A立委B立委C立委D立委E立委F立委

上述的立委名單中,標示綠色為民進黨代表,藍色為國民黨代表色,橘色為親民黨代表,土黃色為台聯黨代表。

範例結束

對於視障者或黑白螢幕使用者所得到的訊息如下:

不良設計:

A立委、B立委、C立委、D立委、E立委、F立委

上述的立委名單中,標示綠色為民進黨代表,藍色為國民黨代表色,橘色為親民黨代表,土黃色為台聯黨代表。

正確示範

所以網頁內容應確保該資訊在沒有顏色下,仍然能夠傳達出來。上面的例子可以修改為:

正確範例:

A立委B立委C立委D立委E立委F立委

上述的立委名單中,綠色的立委A及立委B為民進黨代表;藍色的立委C及立委D為國民黨代表色;橘色的立委E為親民黨代表;土黃色的立委F為台聯黨代表。

上一頁| 回首頁