檢測於 2026/9/3 · https://web.dev/?hl=de
C
61 / 100
1 項關鍵 · 3 項待查
1 項關鍵障礙 · 另有 3 項待查。
自上次掃描以來：無變化。
分數如何計算？（起始 100 分）
| 6 個連結在 HTML 中沒有可辨識的名稱 | -18 |
| 無效的 lang 屬性：「de-x-mtfrom-en」 | -7 |
| 所提供的 HTML 中沒有 <h1> 標題 | -7 |
| 2 個重複的 id 屬性 | -7 |
| 結果 | 61 / 100 |
✓對比度✓替代文字✕標記 (1)?結構 (1)?語言 (1)✓縮放?穩健性 (1)
可操作
關鍵WCAG 2.4.4 連結目的 / 4.1.2 名稱、角色、值
6 個連結在 HTML 中沒有可辨識的名稱
空連結，或僅有圖示／圖片而無 alt。透過 JavaScript 設定的 aria-label 在此不會被辨識。
<a href="https://web.dev/explore/ai?hl=de"><a href="https://web.dev/explore/how-to-optimize-inp?utm_source=web.de<a href="https://web.dev/identity?hl=de"><a href="https://web.dev/learn/html?hl=de">
你應該這樣做： 加入可見的連結文字，或在圖示連結上使用 aria-label 或帶 alt 的圖片。
待查WCAG 1.3.1 資訊與關聯 / 2.4.6 標題與標籤
所提供的 HTML 中沒有 <h1> 標題
每個頁面應以恰好一個 h1 開始。在透過 JavaScript 建構的頁面中，h1 可能只在瀏覽器中才出現 — 此時請檢查算繪後的 DOM。
body
你應該這樣做： 插入一個有意義的 <h1> 作為第一個標題（最好在伺服器端就有）。
可理解
待查WCAG 3.1.1 頁面語言
無效的 lang 屬性：「de-x-mtfrom-en」
此值不對應任何有效的語言代碼（BCP 47）。
<html>
你應該這樣做： 改為有效代碼，例如 lang="zh-Hant" 或 lang="zh-TW"。
穩健
待查WCAG 4.1.1 剖析（已廢止，但對關聯仍具意義）
2 個重複的 id 屬性
例如 inp-optimieren, zahlungen-und-identitat。會破壞 label-for 與 aria 的關聯。
[id]
你應該這樣做： 配置唯一的 id。
已正確處理
- 替代文字：無可自動辨識的問題
- 有跳至內容的跳過連結
- 有 <main> 地標
後續步驟
- 6 個連結在 HTML 中沒有可辨識的名稱. 加入可見的連結文字，或在圖示連結上使用 aria-label 或帶 alt 的圖片。
- 無效的 lang 屬性：「de-x-mtfrom-en」. 改為有效代碼，例如 lang="zh-Hant" 或 lang="zh-TW"。
- 所提供的 HTML 中沒有 <h1> 標題. 插入一個有意義的 <h1> 作為第一個標題（最好在伺服器端就有）。
- 2 個重複的 id 屬性. 配置唯一的 id。
要自動監測此頁面嗎？
每週重新掃描、以 JS 算繪、出現新障礙時寄送電子郵件 — 即將推出。
方法與限制
於 2026/9/3 檢測了 web.dev 在未登入的首次造訪時所提供的 HTML，另加同網域最多四個連結的 CSS 檔。已檢測：色彩對比（取自 CSS）、替代文字、表單標記、操作元件名稱、標題結構、頁面標題與頁面語言、縮放鎖定、重複的 id、正值 tabindex、地標。
未檢測： 一切透過 JavaScript 產生的內容、鍵盤可操作性、可見焦點、焦點順序、螢幕報讀器播報、登入後的內容、子頁面。自動檢測可找出約 20–35% 的 WCAG 違規 — 其餘須以人工檢查。這是一份快照，而非法律判定。