搜尋目錄
語言目錄
流動式目錄
政府資訊科技總監辦公室

3.4 成功準則 1.4.11 – 非文字對比

所有提供重要資訊的非文字內容(例如圖像、圖表、按鈕、複選框、單選按鈕或輸入欄),與相鄰顏色的對比度應至少為3:1。

 

修正前

這個網頁範例中的網頁背景為白色,包含網上輸入表格,其中的文本框以淺灰色顯示。

灰色文字框與白色背景的顏色對比欠佳,令視力不佳的人士難以識別。

 

修正後

這個網頁範例中的網頁背景為白色,,包含網上輸入表格,其中的文本框以淺灰色顯示,並被深色外框包圍。

為文字框加上深色邊界,讓使用者更容易識別。

 

WCAG 2 參考:
https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html