WCAG 對比值為何是 4.5:1？計算公式、由來與適用條件

WCAG 以較亮與較暗兩個顏色的相對亮度計算：

contrast_ratio = (L1 + 0.05) / (L2 + 0.05)
L1 = 較亮顏色的相對亮度
L2 = 較暗顏色的相對亮度

數值範圍從 1:1 到 21:1；相同顏色是 1:1，黑與白是 21:1。式中的 0.05 反映定義所依據模型的環境光反射成分，不能自行改小，讓原本不合格的配色通過。

這是沒有單位的比值，用來比較相對亮度，不是直接測量讀者螢幕的實際發光亮度。

不能直接平均原始 R、G、B 數值。必須先分別將三個 sRGB 分量轉為線性值，再依權重合成：

L = 0.2126 * R + 0.7152 * G + 0.0722 * B

c = component8bit / 255
linear = c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4

上式的 R、G、B 是線性化後的值。三個權重對應 sRGB／BT.709 原色，並不相等；只用約 2.2 的伽瑪值，也不能完整取代這個分段公式。

現行分界是 0.04045，2021 年 5 月以前的 WCAG 定義使用 0.03928。8 位元整數除以 255 後，沒有數值落在兩個分界之間，所以這組輸入的分支選擇相同；處理連續值時，仍應使用現行定義。

數學文字中的 ^ 有時表示次方，但 JavaScript 使用 **。直接貼上 ^ 並不會得到次方運算。

W3C 的 Understanding 文件以先前標準採用的 3:1 為起點，並引用視力 20/40 與約 1.5 倍對比敏感度損失的關係，說明 3 × 1.5 = 4.5 的由來。

20/40 是 Snellen 視力表示法，相當於小數視力 0.5；單靠這個寫法，無法判斷測量時是否經過矯正。W3C 也以與 20/80 視力相關的研究，說明 7:1 的理由。

這是在解釋標準為何選擇該門檻，不是用視力數字預測每個人的閱讀能力。視力與對比敏感度是不同指標，而 Understanding 屬於補充解說，不是規範性的成功準則本文。也不應把 4.5:1 歸功於單一發明者，或說成直接由 Weber–Fechner 定律算出。

大尺寸文字的基準是至少 18pt，或至少 14pt 的粗體；CJK 字型需考慮相當的字級。CSS 單位中，18pt = 24px，14pt 約為 18.67px。

特定附帶內容、停用控制項與標誌文字等有適用例外。成功準則 1.4.11 的非文字對比，也有自己的範圍：用來辨識控制項、狀態，或理解圖形內容所必要的視覺部分，要和相鄰顏色比較；不是所有裝飾框線都一律要求 3:1。

更高對比可能有幫助，但 AA 或 AAA 標籤並不保證每個人都讀得舒適。回報符合或不符合時，要指出實際評估的準則與條件。

APCA（Accessible Perceptual Contrast Algorithm）考量文字大小、粗細與明暗方向等因素。它與 WCAG 2.x 對比值不是同一尺度，不能把 APCA 數值直接當成 4.5:1 的替代品。

截至 2026 年 9 月 5 日查核時，WCAG 3 仍是工作草案（Working Draft）。不能宣稱 APCA 已成為確定的替代標準，或已取代 WCAG 2.2 的符合性判定。若評估目標是 WCAG 2.2，就應依其成功準則執行；知覺層面的評估可作為補充。

細字、反鋸齒、深色模式和觀看環境也會影響可讀性。數值通過，代表符合某項定義明確的條件，不等於對所有讀者做出可讀性保證。

1. 設計階段就檢查前景與背景配對，使用對比檢查工具或開發者工具。
2. 用有語意的 CSS 變數管理文字、背景、連結與狀態，並檢查淺色和深色主題。
3. 另外評估焦點：可見性、作者指定的狀態對比，以及 AAA 焦點外觀要求，適用範圍不同。
4. 在可行時邀請有不同視覺需求的人參與使用者測試。

判定門檻必須使用未四捨五入的值。4.499:1 不符合 4.5:1，即使畫面為了簡短顯示而將它寫成 4.5。

WCAG 是技術標準。本文不是台灣無障礙標章的申請指南，也不據此判定任何特定服務的法定義務或認證狀態。

• 先線性化 sRGB，再用 (L1 + 0.05) / (L2 + 0.05) 計算。
• 採用現行 0.04045 分界，並在四捨五入前判定是否達標。
• 一般文字的 AA 是 4.5:1、AAA 是 7:1；大字與非文字內容另有條件。
• W3C 解釋的是標準門檻的由來，不是每個人的閱讀能力。
• 將 APCA、WCAG 3 草案與 WCAG 2.2 的符合性評估分開。