檢查文字與背景的色彩對比,確認是否符合 WCAG AA 和 AAA 可讀性標準。
可讀的範例文字
WCAG 對比檢查預覽
對比比
17.74:1
AA 一般文字
通過
AA 大型文字
通過
AAA 一般文字
通過
AAA 大型文字
通過
經常一起使用的免費工具。一切都在您的瀏覽器中運作。
對比度比率衡量兩種顏色之間的亮度差異,通常是文字和其背景,以 1:1(完全相同、無法閱讀)到 21:1(純黑色在純白色上)的數字表示。比率越高,文字越容易閱讀,這對視力不佳、年長的眼睛,或在陽光直射下使用手機螢幕的人特別重要。這也是無障礙設計指引和稽核用來判斷文字是否清晰可讀的相同測量標準。
為網站選擇文字和背景顏色組合的設計師、在上線前進行無障礙稽核的開發者,以及選擇按鈕或橫幅顏色以讓最多訪客都能清晰閱讀的行銷人員。
AA 是《網路內容無障礙設計準則》(WCAG)中廣泛使用的無障礙目標。它要求一般文字至少達到 4.5:1 的對比度,大型文字至少 3:1。
AAA 是更嚴格的等級,要求一般文字至少 7:1,大型文字至少 4.5:1。大多數專案以 AA 為目標,AAA 則保留給無障礙設計特別重要的內容。
文字和背景欄位均可使用 3 位或 6 位十六進位色碼,有無前置 # 符號都可以。
不會。十六進位色碼完全在您的瀏覽器中檢查。
不。對比度比率是一個重要因素,但清晰的字型大小、足夠的間距,以及不單獨依賴顏色來傳達含義也很重要。
在瀏覽器中本地處理。您的檔案永遠不會上傳到我們的伺服器。