检查于 2026/8/31 · https://www.chefkoch.de/
D
55 / 100
2 个关键 · 1 个待检查
2 个关键障碍n · 另外还有 1 个待检查。
分数是如何得出的？（起始 100 分）
| <html> 元素上没有有效的 lang 属性 | -18 |
| {n} 条 CSS 规则{nPlural}的文本对比度可能过低 | -18 |
| 跳过的标题层级 | -7 |
| {n} 个 <h1> 标题 | -2 |
| 结果 | 55 / 100 |
✕对比度 (1)✓文本替代✓标注?结构 (2)✕语言 (1)✓缩放✓健壮性
可感知
关键WCAG 1.4.3 对比度（最低）
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要：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-Hans">。
已正确解决
- Textalternativen: keine automatisch erkennbaren Probleme
- 存在 <main> 地标
后续步骤
- <html> 元素上没有有效的 lang 属性. 设置语言，例如 <html lang="zh-Hans">。
- {n} 条 CSS 规则{nPlural}的文本对比度可能过低. 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
- 跳过的标题层级. 无间断地分配标题层级。
- {n} 个 <h1> 标题. 减少为一个 h1，其余降为 h2。
自动监控此页面？
每周重新扫描，带 JS 渲染，出现新障碍时发电子邮件 —— 即将推出。
方法 & 局限
于 2026/8/31 检查了 www.chefkoch.de 在首次无登录访问时交付的 HTML，以及同一域名下最多四个链接的 CSS 文件。已检查：颜色对比度（来自 CSS）、文本替代、表单标注、控件名称、标题结构、页面标题和语言、缩放锁定、重复的 id、正的 tabindex 值、地标。
未检查： 一切由 JavaScript 生成的内容、键盘可操作性、可见焦点、焦点顺序、屏幕阅读器播报、登录后的内容、子页面。自动测试可发现约 20–35 % 的 WCAG 违规 —— 其余需要手动检查。这是快照，不是法律裁决。