检查于 2026/9/3 · https://web.dev/?hl=de
C
61 / 100
1 个关键 · 3 个待检查
1 个关键障碍 · 另外还有 3 个待检查。
自上次扫描以来：无变化。
分数是如何得出的？（起始 100 分）
| HTML 中有 6 个链接没有可识别的名称 | -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 名称、角色、值
HTML 中有 6 个链接没有可识别的名称
空链接，或只有图标/图片而无 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-Hans" 或 lang="zh-CN"。
健壮
待检查WCAG 4.1.1 解析（已废弃，但对关联仍然相关）
2 个重复的 id 属性
例如 inp-optimieren, zahlungen-und-identitat。破坏 label-for 和 aria 关联。
[id]
你应当这样做： 分配唯一的 id。
已正确解决
- 文本替代：没有可自动识别的问题
- 存在跳转到内容的链接
- 存在 <main> 地标
后续步骤
- HTML 中有 6 个链接没有可识别的名称. 补充可见的链接文本，或对图标链接使用 aria-label 或带 alt 的图片。
- lang 属性无效：「de-x-mtfrom-en」. 更正为有效代码，例如 lang="zh-Hans" 或 lang="zh-CN"。
- 交付的 HTML 中没有 <h1> 标题. 插入一个有意义的 <h1> 作为第一个标题（尽量在服务器端）。
- 2 个重复的 id 属性. 分配唯一的 id。
自动监控此页面？
每周重新扫描，带 JS 渲染，出现新障碍时发电子邮件 —— 即将推出。
方法 & 局限
于 2026/9/3 检查了 web.dev 在首次无登录访问时交付的 HTML，以及同一域名下最多四个链接的 CSS 文件。已检查：颜色对比度（来自 CSS）、文本替代、表单标注、控件名称、标题结构、页面标题和语言、缩放锁定、重复的 id、正的 tabindex 值、地标。
未检查： 一切由 JavaScript 生成的内容、键盘可操作性、可见焦点、焦点顺序、屏幕阅读器播报、登录后的内容、子页面。自动测试可发现约 20–35 % 的 WCAG 违规 —— 其余需要手动检查。这是快照，不是法律裁决。