跳到主要內容區塊
:::|

如何自我檢查網頁用色是否恰當?

  • 點閱:5143
  • 資料來源:
  • 日期:103-03-06

可先使用print screen功能將網頁自黑白印表機以黑白列印出來後,再使用一般的影印機黑白拷貝一次,再檢視最後呈現之網頁成果,若前景與背景色感覺已無法區分,或者,原網頁上的文字已模糊不清,即表示用色並不恰當。

參考資料:

規範四(可辨識):讓使用者能更容易地看見及聽到內容、區分前景和背景
 
4.1(檢測等級A)色彩不可當做唯1能傳達資訊、提出動作、提請回應或區別視覺元件的視覺手段來使用。
相關稽核評量碼
EV1040100:確保所有藉由顏色所傳達出來的訊息,在沒有顏色後仍然能夠傳達出來

 
4.3(檢測等級AA)除非是下列各款中的例外情形,否則文字及影像文字的視覺呈現,至少要有4.5:1的對比值:
1.大尺寸的文字及大尺寸的影像文字至少要有3:1的對比值。
2.停用中的使用介面元件上的、純裝飾用的、任何人都看不到的文字或影像文字,或者只是另1張圖片的局部且該圖片顯然還有其他視覺內容,都毋須要求對比值。
3.標識或商標名稱上的字樣沒有最小對比值的要求
相關稽核評量碼
EV2040300:確認文字(及影像文字)與文字後面的背景間,至少有4.5:1的對比值
EV2040301:確認大尺寸文字(及影像文字)與文字後面的背景間,至少有3:1的對比值
EV2040302:提供具對比值至少4.5:1,且可讓使用者將呈現切換成具有充分對比值(文字及影像文字至少4.5:1,大尺寸文字及影像文字至少3:1)的控制元件
EV2040303:如果無法確認對比值充分(文字及影像文字至少4.5:1,大尺寸文字及影像文字至少3:1),則不要指定背景色彩,也不要指定前景色彩,而且不要使用會變更這些預設值的科技功能

4.6(檢測等級AAA)除非是下列各款中的例外情況,否則文字及影像文字的視覺呈現至少要有7:1的對比值:
1.大尺寸的文字及大尺寸的影像文字至少要有4.5:1的對比值。
2.停用中的使用介面元件上的、純裝飾用的、任何人都看不到的文字或影像文字,或者只是另1張圖片的局部且該圖片顯然還有其他視覺內容,都毋須要求對比值。
3.標識或商標名稱上的字樣沒有最小對比值的要求。
相關稽核評量碼
EV3040600:確認文字(及影像文字)與文字後面的背景間,至少有7:1的對比值
EV3040601:確認大尺寸文字(及影像文字)與文字後面的背景間,至少有4.5:1的對比值
EV3040602:提供具對比值至少7:1,且可讓使用者將呈現切換成具有充分對比值(文字及影像文字至少7:1,大尺寸文字及影像文字至少4.5:1)的控制元件
EV3040603:如果無法確認對比值充分(文字及影像文字至少7:1,大尺寸文字及影像文字至少4.5:1),則不要指定背景色彩,也不要指定前景色彩,而且不要使用會變更這些預設值的科技功能

上一頁| 回首頁