无障碍检查：www.spiegel.de — 0/100

跳转到内容

简体中文

a11yglass · 网站无障碍检查

检查于 2026/8/31 · https://www.spiegel.de/

F

0 / 100

32 个关键 · 7 个待检查

32 个关键障碍n · 另外还有 7 个待检查。

分数是如何得出的？（起始 100 分）

{n} 个表单字段没有可识别的标注	-18
HTML 中有 {n} 个链接没有可识别的名称	-18
HTML 中有 {n} 个按钮没有名称	-18
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-18
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-6
交付的 HTML 中没有 <h1> 标题	-7
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-2
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-2
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-2
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-2
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-2
{n} 条 CSS 规则{nPlural}的文本对比度可能过低	-2
结果	0 / 100

✕对比度 (35)✓文本替代✕标注 (3)?结构 (1)✓语言✓缩放✓健壮性

可感知

关键WCAG 1.3.1 信息与关系 / 4.1.2 名称、角色、值

{n} 个表单字段没有可识别的标注

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

input, select, textarea

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

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.button-spon

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.button-effi

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.button-mmo

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.button-hbm

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

input::-moz-placeholder, textarea::-moz-placeholder

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

input::placeholder, textarea::placeholder

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

body .richtext--inverted p

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

body .richtext--inverted a

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

body .richtext--inverted a:focus

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.richtextcredit.richtextcredit--inverted a

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.richtextsystem.richtextsystem--inverted a

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.richtextsystem.richtextsystem--inverted a:hover

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.richtextsystem.richtextsystem--inverted a:focus

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.text-shade-base

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.text-shade-light

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.text-shade-lighter

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.text-shade-lightest

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.text-white

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.placeholder-shade-base::-moz-placeholder

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.placeholder-shade-base::placeholder

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.hover\:text-shade-lighter:hover

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.hover\:text-shade-lightest:hover

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.hover\:text-white:hover

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.focus\:text-shade-base:focus

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.focus\:text-shade-lighter:focus

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.focus\:text-white:focus

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.disabled\:text-shade-base:disabled

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.disabled\:text-shade-light:disabled

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

关键WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.peer:disabled~.peer-disabled\:text-shade-base

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

待检查WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.debug.svelte-1x5iokp

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

待检查WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.text-effi-primary-base

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

待检查WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.text-elf-primary-base

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

待检查WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.text-shade-dark

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

待检查WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.text-spon-primary-base

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

待检查WCAG 1.4.3 对比度（最低）

{n} 条 CSS 规则{nPlural}的文本对比度可能过低

需要：4.5:1（正常）或 3:1（大号文本）。在「假定的页面背景」情况下，无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例：{examples}

.disabled\:text-shade-dark:disabled

你应当这样做： 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

可操作

关键WCAG 2.4.4 链接目的 / 4.1.2 名称、角色、值

HTML 中有 {n} 个链接没有可识别的名称

空链接，或只有图标/图片而无 alt。此处不识别通过 JavaScript 设置的 aria-label。

a

你应当这样做： 补充可见的链接文本，或对图标链接使用 aria-label 或带 alt 的图片。

关键WCAG 4.1.2 名称、角色、值

HTML 中有 {n} 个按钮没有名称

没有文本且没有 aria-label 的按钮对屏幕阅读器是无声的 —— 除非名称通过 JavaScript 设置。

button

你应当这样做： 补充按钮文本或设置 aria-label。

待检查WCAG 1.3.1 信息与关系 / 2.4.6 标题与标签

交付的 HTML 中没有 <h1> 标题

每个页面都应以恰好一个 h1 开始。对于由 JavaScript 构建的页面，h1 可能只在浏览器中生成 —— 那时请在渲染后的 DOM 中检查。

body

你应当这样做： 插入一个有意义的 <h1> 作为第一个标题（尽量在服务器端）。

已正确解决

Textalternativen: keine automatisch erkennbaren Probleme
存在跳转到内容的链接
存在 <main> 地标

后续步骤

{n} 个表单字段没有可识别的标注. 将每个字段与一个 <label for> 元素关联，或设置 aria-label / aria-labelledby。仅有 placeholder 不够。
HTML 中有 {n} 个链接没有可识别的名称. 补充可见的链接文本，或对图标链接使用 aria-label 或带 alt 的图片。
HTML 中有 {n} 个按钮没有名称. 补充按钮文本或设置 aria-label。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低. 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低. 调暗文本颜色或调亮背景，直到达到相应的最低值。切勿将颜色作为唯一的区分特征。

自动监控此页面？

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

创建无障碍声明 →

方法 & 局限

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

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

检查其他网站