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

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

F
0 / 100
96 个关键 · 11 个待检查

96 个关键障碍n · 另外还有 11 个待检查。

分数是如何得出的?(起始 100 分)
{total} 张图片中有 {n} 张没有 alt 属性-18
{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
{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
{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
{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} 个重复的 id 属性-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
{n} 条 CSS 规则{nPlural}的文本对比度可能过低-2
{n} 条 CSS 规则{nPlural}的文本对比度可能过低-2
{n} 条 CSS 规则{nPlural}的文本对比度可能过低-2
结果0 / 100
对比度 (101)文本替代 (1)标注 (3)?结构 (1)语言缩放?健壮性 (1)

可感知

关键WCAG 1.1.1 非文本内容

{total} 张图片中有 {n} 张没有 alt 属性

此处不包括通过 JavaScript 加载的图片。

img

你应当这样做: 为每个 <img> 提供 alt:对有含义的图片写简短描述,对纯装饰性图片写 alt=""。

关键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}

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}

.text-blue-100

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-blue-50

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-blue-500

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-gray-100

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-gray-300

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-gray-400

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-gray-50

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-green-50

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-heiseblau-200

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-heiseblau-400

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-heisegrau-50

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-heisegrau-600

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-heisegrau-light

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-heisehellblau

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-ho-text

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-purchase

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-red-400

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

关键WCAG 1.4.3 对比度(最低)

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

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

.text-red-50

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

关键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}

.text-yellow-50

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

关键WCAG 1.4.3 对比度(最低)

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

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

.ho-text:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.ho-text-muted:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.ho-inline-link:visited, .ho-has-inline-links a:visited, .rte h2 a:visited, .rte h3 a:visited, .rte h4 a:visited, .rte h5 a:visited, .rte h6 a:visited, .rte p a:visited, .rte ul a:visited, .rte ol a:visited

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

关键WCAG 1.4.3 对比度(最低)

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

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

code:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

&:is(.dark *)::before

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

关键WCAG 1.4.3 对比度(最低)

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

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

.tx_green

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

关键WCAG 1.4.3 对比度(最低)

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

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

.placeholder\:text-gray-400::-moz-placeholder

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

关键WCAG 1.4.3 对比度(最低)

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

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

.placeholder\:text-gray-400::placeholder

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

关键WCAG 1.4.3 对比度(最低)

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

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

.visited\:text-gray-400:visited

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

关键WCAG 1.4.3 对比度(最低)

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

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

.hover\:text-blue-100:hover

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

关键WCAG 1.4.3 对比度(最低)

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

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

.hover\:text-gray-50: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}

.hover\:ho-text:hover:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.group\/magazine-tile:hover .group-hover\/magazine-tile\:text-white

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

关键WCAG 1.4.3 对比度(最低)

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

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

.group\/teaser:hover .group-hover\/teaser\:text-red-300

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

关键WCAG 1.4.3 对比度(最低)

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

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

.group\/teaser:hover .group-hover\/teaser\:text-white

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-blue-50:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-gray-100:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-gray-200:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-gray-50:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-green-50:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-heiseblau-300:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-heiseblau-400:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-heiseblau-500:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-heisegrau-300:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-heisegrau-400:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-heisehellblau-400:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-heisehellblau-50:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-red-400:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-red-50:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-white:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-yellow-50:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:placeholder-white:is(.dark *)::-moz-placeholder

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:placeholder-white:is(.dark *)::placeholder

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

关键WCAG 1.4.3 对比度(最低)

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

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

.before\:dark\:text-heisehellblau-400:is(.dark *)::before

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

关键WCAG 1.4.3 对比度(最低)

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

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

.after\:dark\:text-heisehellblau-400:is(.dark *)::after

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:hover\:\!text-white:hover:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:hover\:text-gray-50:hover:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:hover\:text-heiseblau-300:hover:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:hover\:text-white:hover:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark\:hover\:ho-text:hover:is(.dark *):is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.group\/teaser:hover .dark\:group-hover\/teaser\:text-red-300:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.group\/teaser:hover .dark\:group-hover\/teaser\:text-white:is(.dark *)

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

关键WCAG 1.4.3 对比度(最低)

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

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

.a-android-native-app-prompt__load-app

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

关键WCAG 1.4.3 对比度(最低)

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

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

.a-android-native-app-prompt__close-banner

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

关键WCAG 1.4.3 对比度(最低)

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

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

a-color-scheme .a-color-scheme__icon--auto::before

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

关键WCAG 1.4.3 对比度(最低)

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

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

a-color-scheme[state=system] .a-color-scheme__icon--auto::before, a-color-scheme .a-color-scheme__option--auto:hover .a-color-scheme__icon--auto::before

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

关键WCAG 1.4.3 对比度(最低)

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

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

a-color-scheme[state=dark] .a-color-scheme__icon--moon, a-color-scheme .a-color-scheme__option--dark:hover .a-color-scheme__icon--moon

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark a-gift-link

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark a-gift-link a, .dark a-gift-link a:visited

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark a-gift-link a:hover

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark a-gift-link dialog

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark a-gift-link dialog a, .dark a-gift-link dialog a:visited

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark a-gift-link dialog a:hover

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark a-gift-link dialog .close-btn

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

关键WCAG 1.4.3 对比度(最低)

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

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

.dark a-gift-link dialog .close-btn:hover

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

关键WCAG 1.4.3 对比度(最低)

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

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

a-gift-create-link .create-link-btn:disabled

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

关键WCAG 1.4.3 对比度(最低)

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

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

.a-lightbox__caption

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

关键WCAG 1.4.3 对比度(最低)

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

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

a-opt-in[is-active] .opt-in__cta.is-disabled, a-opt-in[is-active] .opt-in__cta[disabled]

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

关键WCAG 1.4.3 对比度(最低)

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

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

a-opt-in[is-active] .opt-in__footnote

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

关键WCAG 1.4.3 对比度(最低)

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

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

a-opt-in[is-active] .opt-in__footnote a

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

关键WCAG 1.4.3 对比度(最低)

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

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

a-pur-indicator [data-collapse-content]

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

关键WCAG 1.4.3 对比度(最低)

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

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

a-pur-indicator [data-collapse-content]>a

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

关键WCAG 1.4.3 对比度(最低)

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

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

.a-pvg-deal__shipping

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

关键WCAG 1.4.3 对比度(最低)

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

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

.a-pvg-deal__button, .a-pvg-deal__button:visited, .a-pvg-deal__button:link

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

关键WCAG 1.4.3 对比度(最低)

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

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

.a-pvg-deal__button.is-disabled, .a-pvg-deal__button[disabled]

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

关键WCAG 1.4.3 对比度(最低)

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

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

.supporter__submit[type=submit].is-disabled, .supporter__submit[type=submit][disabled]

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

关键WCAG 1.4.3 对比度(最低)

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

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

.supporter__submit[type=submit], .supporter__submit[type=submit]:visited, .supporter__submit[type=submit]:link

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

关键WCAG 1.4.3 对比度(最低)

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

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

.a-topic-dialog-close

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

关键WCAG 1.4.3 对比度(最低)

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

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

.a-topic-dialog-button.is-disabled, .a-topic-dialog-button[disabled]

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

待检查WCAG 1.4.3 对比度(最低)

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

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

.text-gray-500

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

待检查WCAG 1.4.3 对比度(最低)

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

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

.text-heisehellblauweb-light

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

待检查WCAG 1.4.3 对比度(最低)

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

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

.tx_blue

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

待检查WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-blue-600:is(.dark *)

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

待检查WCAG 1.4.3 对比度(最低)

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

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

.dark\:text-red-500:is(.dark *)

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

待检查WCAG 1.4.3 对比度(最低)

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

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

.dark\:hover\:text-blue-600:hover:is(.dark *)

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

待检查WCAG 1.4.3 对比度(最低)

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

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

.a-pvg-deal__button:hover

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

待检查WCAG 1.4.3 对比度(最低)

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

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

.supporter__submit[type=submit]:hover

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

待检查WCAG 1.4.3 对比度(最低)

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

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

a-topic .topic-label

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

可操作

关键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> 作为第一个标题(尽量在服务器端)。

健壮

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

{n} 个重复的 id 属性

例如 {examples}。破坏 label-for 和 aria 关联。

[id]

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

后续步骤

  1. {total} 张图片中有 {n} 张没有 alt 属性. 为每个 <img> 提供 alt:对有含义的图片写简短描述,对纯装饰性图片写 alt=""。
  2. {n} 个表单字段没有可识别的标注. 将每个字段与一个 <label for> 元素关联,或设置 aria-label / aria-labelledby。仅有 placeholder 不够。
  3. HTML 中有 {n} 个链接没有可识别的名称. 补充可见的链接文本,或对图标链接使用 aria-label 或带 alt 的图片。
  4. HTML 中有 {n} 个按钮没有名称. 补充按钮文本或设置 aria-label。
  5. {n} 条 CSS 规则{nPlural}的文本对比度可能过低. 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
自动监控此页面?

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

创建无障碍声明 →

方法 & 局限

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

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

检查其他网站