检查于 2026/9/3 · https://t3n.de/
所检查的 HTML 中没有关键障碍 · 4 个待复查项e。
分数是如何得出的?(起始 100 分)
| 交付的 HTML 中没有 <h1> 标题 | -7 |
| 跳过的标题层级 | -7 |
| 2 个重复的 id 属性 | -7 |
| 1 条 CSS 规则的文本对比度可能过低 | -7 |
| 结果 | 72 / 100 |
可感知
1 条 CSS 规则的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:`.deetqq`: #fff auf #f9423a = 3.58:1
.deetqq
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
可操作
交付的 HTML 中没有 <h1> 标题
每个页面都应以恰好一个 h1 开始。对于由 JavaScript 构建的页面,h1 可能只在浏览器中生成 —— 那时请在渲染后的 DOM 中检查。
body
你应当这样做: 插入一个有意义的 <h1> 作为第一个标题(尽量在服务器端)。
跳过的标题层级
顺序:4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 4 → 4 → 3 → 2 → 2 → 2 → 3 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 3 → 3 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2。不应跳过层级(h2 → h4)。
h1–h6
你应当这样做: 无间断地分配标题层级。
健壮
2 个重复的 id 属性
例如 prefix__a, dspx_scroller。破坏 label-for 和 aria 关联。
[id]
你应当这样做: 分配唯一的 id。
已正确解决
- 文本替代:没有可自动识别的问题
后续步骤
- 交付的 HTML 中没有 <h1> 标题. 插入一个有意义的 <h1> 作为第一个标题(尽量在服务器端)。
- 跳过的标题层级. 无间断地分配标题层级。
- 2 个重复的 id 属性. 分配唯一的 id。
- 1 条 CSS 规则的文本对比度可能过低. 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
每周重新扫描,带 JS 渲染,出现新障碍时发电子邮件 —— 即将推出。
方法 & 局限
于 2026/9/3 检查了 t3n.de 在首次无登录访问时交付的 HTML,以及同一域名下最多四个链接的 CSS 文件。已检查:颜色对比度(来自 CSS)、文本替代、表单标注、控件名称、标题结构、页面标题和语言、缩放锁定、重复的 id、正的 tabindex 值、地标。
未检查: 一切由 JavaScript 生成的内容、键盘可操作性、可见焦点、焦点顺序、屏幕阅读器播报、登录后的内容、子页面。自动测试可发现约 20–35 % 的 WCAG 违规 —— 其余需要手动检查。这是快照,不是法律裁决。