简体中文
a11yglass · 网站无障碍检查

检查于 2026/9/24 · https://www.zeit.de/index

B
79 / 100
0 个关键 · 3 个待检查

所检查的 HTML 中没有关键障碍 · 3 个待复查项e。

自上次扫描以来 分数 -7
分数是如何得出的?(起始 100 分)
2 个表单字段没有可识别的标注-7
跳过的标题层级-7
1 个重复的 id 属性-7
结果79 / 100
✓对比度✓文本替代?标注 (1)?结构 (1)✓语言✓缩放?健壮性 (1)

可感知

待检查WCAG 1.3.1 信息与关系 / 4.1.2 名称、角色、值

2 个表单字段没有可识别的标注

请检查是否存在通过 JavaScript 设置的 aria-label。

  • <input type="text" name="name" placeholder="z. B. Theodor Eicke">
  • <input id=":R0:" placeholder="z. B. Leipzig, Hamburg, …">

你应当这样做: 将每个字段与一个 <label for> 元素关联,或设置 aria-label / aria-labelledby。仅有 placeholder 不够。

可操作

待检查WCAG 1.3.1 信息与关系

跳过的标题层级

顺序:1 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 2 → 2 → 2 → 2 → 3 → 3 → 2 → 2 → 2 → 2 → 3 → 2 → 2 → 2 → 3 → 3 → 3 → 3 → 2 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4。不应跳过层级(h2 → h4)。

h1–h6

你应当这样做: 无间断地分配标题层级。

健壮

待检查WCAG 4.1.1 解析(已废弃,但对关联仍然相关)

1 个重复的 id 属性

例如 svg-zplus。破坏 label-for 和 aria 关联。

[id]

你应当这样做: 分配唯一的 id。

已正确解决

后续步骤

  1. 2 个表单字段没有可识别的标注. 将每个字段与一个 <label for> 元素关联,或设置 aria-label / aria-labelledby。仅有 placeholder 不够。
  2. 跳过的标题层级. 无间断地分配标题层级。
  3. 1 个重复的 id 属性. 分配唯一的 id。
自动监控此页面?

每周重新扫描,带 JS 渲染,出现新障碍时发电子邮件 —— 即将推出。

创建无障碍声明 →

方法 & 局限

于 2026/9/24 检查了 www.zeit.de 在首次无登录访问时交付的 HTML,以及同一域名下最多四个链接的 CSS 文件。已检查:颜色对比度(来自 CSS)、文本替代、表单标注、控件名称、标题结构、页面标题和语言、缩放锁定、重复的 id、正的 tabindex 值、地标。

未检查: 一切由 JavaScript 生成的内容、键盘可操作性、可见焦点、焦点顺序、屏幕阅读器播报、登录后的内容、子页面。自动测试可发现约 20–35 % 的 WCAG 违规 —— 其余需要手动检查。这是快照,不是法律裁决。

覆盖层小部件(切换对比度或字体的无障碍按钮)并不能让网站达到合规——发现的障碍必须在源代码中修复。 为什么覆盖层工具没有帮助

检查其他网站