檢測於 2026/8/31 · https://www.chefkoch.de/
D
55 / 100
2 項關鍵 · 1 項待查
2 項關鍵障礙n · 另有 1 項待查。
分數如何計算?(起始 100 分)
| <html> 元素上沒有有效的 lang 屬性 | -18 |
| {n} 條{nPlural} CSS 規則的文字對比可能過低 | -18 |
| 跳過了標題層級 | -7 |
| {n} 個 <h1> 標題 | -2 |
| 結果 | 55 / 100 |
✕對比度 (1)✓替代文字✓標記?結構 (2)✕語言 (1)✓縮放✓穩健性
可感知
關鍵WCAG 1.4.3 對比(最低)
{n} 條{nPlural} CSS 規則的文字對比可能過低
必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}
.w-user-menu__context-menu-badge[data-v-aeb5c564]
你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。
可操作
待查WCAG 1.3.1 資訊與關聯
跳過了標題層級
順序:{seq}。不應跳過層級(h2 → h4)。
h1–h6
你應該這樣做: 配置標題層級時不留空缺。
提示WCAG 1.3.1 資訊與關聯
{n} 個 <h1> 標題
多個 h1 會使透過標題清單的導覽變得困難。
h1
你應該這樣做: 減至一個 h1,其餘降為 h2。
可理解
關鍵WCAG 3.1.1 頁面語言
<html> 元素上沒有有效的 lang 屬性
螢幕報讀器無法判定發音。
<html>
你應該這樣做: 指定語言,例如 <html lang="zh-Hant">。
已正確處理
- Textalternativen: keine automatisch erkennbaren Probleme
- 有 <main> 地標
後續步驟
- <html> 元素上沒有有效的 lang 屬性. 指定語言,例如 <html lang="zh-Hant">。
- {n} 條{nPlural} CSS 規則的文字對比可能過低. 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。
- 跳過了標題層級. 配置標題層級時不留空缺。
- {n} 個 <h1> 標題. 減至一個 h1,其餘降為 h2。
要自動監測此頁面嗎?
每週重新掃描、以 JS 算繪、出現新障礙時寄送電子郵件 — 即將推出。
方法與限制
於 2026/8/31 檢測了 www.chefkoch.de 在未登入的首次造訪時所提供的 HTML,另加同網域最多四個連結的 CSS 檔。已檢測:色彩對比(取自 CSS)、替代文字、表單標記、操作元件名稱、標題結構、頁面標題與頁面語言、縮放鎖定、重複的 id、正值 tabindex、地標。
未檢測: 一切透過 JavaScript 產生的內容、鍵盤可操作性、可見焦點、焦點順序、螢幕報讀器播報、登入後的內容、子頁面。自動檢測可找出約 20–35% 的 WCAG 違規 — 其餘須以人工檢查。這是一份快照,而非法律判定。