3.4 成功準則 1.4.11 – 非文字對比
所有提供重要資訊的非文字內容(例如圖像、圖表、按鈕、複選框、單選按鈕或輸入欄),與相鄰顏色的對比度應至少為3:1。
修正前
灰色文字框與白色背景的顏色對比欠佳,令視力不佳的人士難以識別。
修正後
為文字框加上深色邊界,讓使用者更容易識別。
WCAG 2 參考:
https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html
所有提供重要資訊的非文字內容(例如圖像、圖表、按鈕、複選框、單選按鈕或輸入欄),與相鄰顏色的對比度應至少為3:1。
修正前
灰色文字框與白色背景的顏色對比欠佳,令視力不佳的人士難以識別。
修正後
為文字框加上深色邊界,讓使用者更容易識別。
WCAG 2 參考:
https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html