對比度檢查器
輸入文字色和背景色,立刻看出 WCAG 對比度,以及通過哪些 AA、AAA 等級。
—對比度
一般文字AA4.5:1—
一般文字AAA7:1—
大型文字AA3:1—
大型文字AAA4.5:1—
介面與圖形3:1—
每次檢查都在你的瀏覽器本機完成,輸入的內容不會上傳到 BroBroGo。
常見問題
AA 和 AAA 的結果代表什麼?
AA 是多數網站設定的目標:一般文字對比度至少要 4.5:1,大型文字至少 3:1。AAA 更嚴格——一般文字要 7:1,大型文字要 4.5:1。對比度從 1:1(完全沒對比)到 21:1(白底黑字)。
怎樣才算大型文字?
18pt(約 24px)以上,或粗體 14pt(約 18.5px)以上。字大一點在低對比下也看得清楚,所以 AA 只要 3:1、AAA 只要 4.5:1 就過,不必達到一般文字那麼嚴格的門檻。
可以輸入哪些顏色格式?
可以輸入 #1a1a1a 這樣的十六進位值、rgb(26, 26, 26) 這樣的 rgb() 值,或 hsl() 值——也可以點任一色塊直接選色。用交換按鈕就能把文字色和背景色對調。
這是用 WCAG 2 還是比較新的 APCA 演算法?
用的是 WCAG 2.1／2.2 公式,也就是目前無障礙規範和稽核所依據的那一套。APCA 是比較新、更貼近人眼感受的方法,仍在為 WCAG 3 草擬中——很有潛力,但還不是合規標準,所以這裡的過關結果不採用它。