跳到主要內容
  • 字級
:::|

1.4.11 GN2141101E 確保圖示的對比度為3:1

稽核評量碼

GN2141101E

對應成功準則

1.4.11

對應認證等級

AA

對應國際技術碼

G207

類別

General

訊息

確保圖示的對比度為3:1

英文訊息

G207: Ensuring that a contrast ratio of 3:1 is provided for icons

規則說明

用來理解內容的圖形物件,需要與該圖形相鄰的顏色具有至少3:1的對比度。

檢測說明

程序

對於理解所需的圖形物件,使用顏色對比工具:

  1. 確定圖形物件的前景色。
  2. 確定相鄰的背景顏色。如果背景顏色是漸層或圖案,確認與前景色對比度最小的顏色。
  3. 檢查對比度是否等於或大於3:1。
  4. 如果背景區域的一部分與前景未達3:1,則假設與該區域相鄰的圖示部分為不可見。
  5. 檢查該圖示缺少了任何對比度不足的區域,是否仍可識別。

 

預期結果

#3和#5為是。

說明

參考資源

  • “了解SC 1.4.3對比度(最小值)”(Understanding SC 1.4.3 Contrast (minimum)) (https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html#resources)中列舉了測試對比度的一系列工具和應用程序。

相關技術

  • G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text
  • G145: Ensuring that a contrast ratio of at least 3:1 exists between text (and images of text) and background behind the text