檢測於 2026/9/3 · https://vercel.com/
2 項關鍵障礙n。
分數如何計算?(起始 100 分)
| 縮放被鎖定 | -18 |
| 5 條n CSS 規則的文字對比可能過低 | -18 |
| 結果 | 64 / 100 |
可感知
縮放被鎖定
viewport meta 含有 user-scalable=no 或接近 1 的 maximum-scale。
<meta name="viewport">
你應該這樣做: 移除 user-scalable=no 與 maximum-scale:<meta name="viewport" content="width=device-width, initial-scale=1">。
5 條n CSS 規則的文字對比可能過低
必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:`.text-\[rgb\(250\`: #fafafa auf #fafafa (Vorfahren-Hintergrund) = 1.00:1 · `.text-\[\#a0a0a0\]`: #a0a0a0 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.61:1 · `.text-\[\#33b279\]`: #33b279 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.70:1 · `.text-\[rgb\(29\`: #1d9bf0 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.00:1 · `.ghfe_a_dialog .ghfe_a_dialogcta`: #718900 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.98:1
.text-\[rgb\(250\, .text-\[\#a0a0a0\], .text-\[\#33b279\], .text-\[rgb\(29\, .ghfe_a_dialog .ghfe_a_dialogcta
你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。
已正確處理
- 替代文字:無可自動辨識的問題
- 有 <main> 地標
後續步驟
- 縮放被鎖定. 移除 user-scalable=no 與 maximum-scale:<meta name="viewport" content="width=device-width, initial-scale=1">。
- 5 條n CSS 規則的文字對比可能過低. 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。
每週重新掃描、以 JS 算繪、出現新障礙時寄送電子郵件 — 即將推出。
方法與限制
於 2026/9/3 檢測了 vercel.com 在未登入的首次造訪時所提供的 HTML,另加同網域最多四個連結的 CSS 檔。已檢測:色彩對比(取自 CSS)、替代文字、表單標記、操作元件名稱、標題結構、頁面標題與頁面語言、縮放鎖定、重複的 id、正值 tabindex、地標。
未檢測: 一切透過 JavaScript 產生的內容、鍵盤可操作性、可見焦點、焦點順序、螢幕報讀器播報、登入後的內容、子頁面。自動檢測可找出約 20–35% 的 WCAG 違規 — 其餘須以人工檢查。這是一份快照,而非法律判定。