WCAG 色彩對比度檢查器

常見問題

對比度比值是什麼？如何計算？

對比度比值是依據 WCAG 2.1 定義的兩個顏色亮度差異的數值量化，範圍從 1:1（相同顏色，無對比）到 21:1（純黑對純白）。計算公式為 (L1 + 0.05) / (L2 + 0.05)，其中 L1 和 L2 分別為較亮與較暗顏色的相對亮度。

WCAG AA 與 AAA 合規標準有何差別？

WCAG AA 是大多數國家無障礙法規的法定最低標準，要求一般文字對比度 4.5:1，大字 3:1。WCAG AAA 是更高標準，要求一般文字 7:1，大字 4.5:1，適合低視力或閱讀困難的使用者。大多數法規只要求 AA；AAA 屬於最佳實踐目標。

WCAG 的「大字」如何定義？

WCAG 將大字定義為一般粗細 18pt（24px）以上，或粗體 14pt（約 18.67px）以上的文字。原因是較大的文字在較低對比度下仍易於閱讀，因此 WCAG 為其設定了較低的門檻。低於這些尺寸的文字一律視為一般文字，須達到更嚴格的 4.5:1（AA）或 7:1（AAA）標準。

為何色盲模擬的對比度有時會不同？

色盲模擬透過感知模型（Machado 2009，嚴重度 1.0）在線性 sRGB 色彩空間中轉換顏色。轉換後的 RGB 值其相對亮度可能與原始不同，進而改變對比度比值。對正常視覺通過 WCAG AA 的色彩組合，對紅色盲或綠色盲的使用者而言可能不通過——此工具就是為了揭示這些差距。

此工具會傳送我的顏色資料嗎？

不會。所有計算——對比度比值、WCAG 標章評估、色盲模擬及修正建議——均完全在您的瀏覽器中透過 JavaScript 執行，不會傳輸任何顏色數值至 AppicLab 的伺服器或任何第三方。

如何使用自動修正建議？

當您的色彩組合未通過 WCAG AA 時，建議面板會顯示最小程度的明度調整方案，在保留原有色調與飽和度的同時，讓文字或背景顏色達到目標對比度。點擊「套用」可即時預覽，或直接複製色碼。點擊骰子圖示可隨機生成符合標準的全新色彩組合。

色彩對比度不足會被罰款或吃官司嗎？

會。在美國，《美國身心障礙者法案》（ADA）已被法院適用於網站，企業因色彩對比等無障礙問題遭到訴訟（包括聯邦法院案件）的案例屢見不鮮。在歐盟，《歐洲無障礙法案》（EAA）要求大多數數位產品與服務在 2025 年 6 月前符合 WCAG 2.1 AA，違規將面臨各成員國的罰款。英國《2010 年平等法》也有類似義務。政府與公共部門網站在大多數地區受到最嚴格的執法。達到 WCAG AA 對比度是降低法律風險成本最低的方法之一。

資料來源

• WCAG 2.1 成功準則 1.4.3（最低對比度） — W3C 制定的無障礙標準，定義本工具使用的 4.5:1 與 7:1 對比門檻。
• Machado、Oliveira 與 Fernandes（2009）— 色覺缺陷模擬 — 本工具紅綠色盲、藍黃色盲、單色盲預覽所採用的生理基礎模擬模型。