检查于 2026/8/31 · https://www.heise.de/
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 |
可感知
{total} 张图片中有 {n} 张没有 alt 属性
此处不包括通过 JavaScript 加载的图片。
img
你应当这样做: 为每个 <img> 提供 alt:对有含义的图片写简短描述,对纯装饰性图片写 alt=""。
{n} 个表单字段没有可识别的标注
请检查是否存在通过 JavaScript 设置的 aria-label。
input, select, textarea
你应当这样做: 将每个字段与一个 <label for> 元素关联,或设置 aria-label / aria-labelledby。仅有 placeholder 不够。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
input::-moz-placeholder, textarea::-moz-placeholder
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
input::placeholder, textarea::placeholder
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-blue-100
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-blue-50
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-blue-500
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-gray-100
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-gray-300
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-gray-400
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-gray-50
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-green-50
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-heiseblau-200
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-heiseblau-400
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-heisegrau-50
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-heisegrau-600
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-heisegrau-light
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-heisehellblau
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-ho-text
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-purchase
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-red-400
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-red-50
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-white
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-yellow-50
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.ho-text:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.ho-text-muted:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{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
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
code:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
&:is(.dark *)::before
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.tx_green
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.placeholder\:text-gray-400::-moz-placeholder
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.placeholder\:text-gray-400::placeholder
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.visited\:text-gray-400:visited
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.hover\:text-blue-100:hover
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.hover\:text-gray-50:hover
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.hover\:text-white:hover
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.hover\:ho-text:hover:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.group\/magazine-tile:hover .group-hover\/magazine-tile\:text-white
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.group\/teaser:hover .group-hover\/teaser\:text-red-300
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.group\/teaser:hover .group-hover\/teaser\:text-white
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-blue-50:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-gray-100:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-gray-200:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-gray-50:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-green-50:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-heiseblau-300:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-heiseblau-400:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-heiseblau-500:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-heisegrau-300:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-heisegrau-400:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-heisehellblau-400:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-heisehellblau-50:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-red-400:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-red-50:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-white:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-yellow-50:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:placeholder-white:is(.dark *)::-moz-placeholder
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:placeholder-white:is(.dark *)::placeholder
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.before\:dark\:text-heisehellblau-400:is(.dark *)::before
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.after\:dark\:text-heisehellblau-400:is(.dark *)::after
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:hover\:\!text-white:hover:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:hover\:text-gray-50:hover:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:hover\:text-heiseblau-300:hover:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:hover\:text-white:hover:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:hover\:ho-text:hover:is(.dark *):is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.group\/teaser:hover .dark\:group-hover\/teaser\:text-red-300:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.group\/teaser:hover .dark\:group-hover\/teaser\:text-white:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.a-android-native-app-prompt__load-app
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.a-android-native-app-prompt__close-banner
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
a-color-scheme .a-color-scheme__icon--auto::before
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{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
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{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
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark a-gift-link
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark a-gift-link a, .dark a-gift-link a:visited
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark a-gift-link a:hover
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark a-gift-link dialog
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark a-gift-link dialog a, .dark a-gift-link dialog a:visited
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark a-gift-link dialog a:hover
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark a-gift-link dialog .close-btn
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark a-gift-link dialog .close-btn:hover
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
a-gift-create-link .create-link-btn:disabled
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.a-lightbox__caption
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{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]
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
a-opt-in[is-active] .opt-in__footnote
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
a-opt-in[is-active] .opt-in__footnote a
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
a-pur-indicator [data-collapse-content]
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
a-pur-indicator [data-collapse-content]>a
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.a-pvg-deal__shipping
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.a-pvg-deal__button, .a-pvg-deal__button:visited, .a-pvg-deal__button:link
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.a-pvg-deal__button.is-disabled, .a-pvg-deal__button[disabled]
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.supporter__submit[type=submit].is-disabled, .supporter__submit[type=submit][disabled]
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.supporter__submit[type=submit], .supporter__submit[type=submit]:visited, .supporter__submit[type=submit]:link
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.a-topic-dialog-close
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.a-topic-dialog-button.is-disabled, .a-topic-dialog-button[disabled]
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-gray-500
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.text-heisehellblauweb-light
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.tx_blue
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-blue-600:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:text-red-500:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.dark\:hover\:text-blue-600:hover:is(.dark *)
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.a-pvg-deal__button:hover
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
.supporter__submit[type=submit]:hover
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
{n} 条 CSS 规则{nPlural}的文本对比度可能过低
需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:{examples}
a-topic .topic-label
你应当这样做: 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
可操作
HTML 中有 {n} 个链接没有可识别的名称
空链接,或只有图标/图片而无 alt。此处不识别通过 JavaScript 设置的 aria-label。
a
你应当这样做: 补充可见的链接文本,或对图标链接使用 aria-label 或带 alt 的图片。
HTML 中有 {n} 个按钮没有名称
没有文本且没有 aria-label 的按钮对屏幕阅读器是无声的 —— 除非名称通过 JavaScript 设置。
button
你应当这样做: 补充按钮文本或设置 aria-label。
交付的 HTML 中没有 <h1> 标题
每个页面都应以恰好一个 h1 开始。对于由 JavaScript 构建的页面,h1 可能只在浏览器中生成 —— 那时请在渲染后的 DOM 中检查。
body
你应当这样做: 插入一个有意义的 <h1> 作为第一个标题(尽量在服务器端)。
健壮
{n} 个重复的 id 属性
例如 {examples}。破坏 label-for 和 aria 关联。
[id]
你应当这样做: 分配唯一的 id。
后续步骤
- {total} 张图片中有 {n} 张没有 alt 属性. 为每个 <img> 提供 alt:对有含义的图片写简短描述,对纯装饰性图片写 alt=""。
- {n} 个表单字段没有可识别的标注. 将每个字段与一个 <label for> 元素关联,或设置 aria-label / aria-labelledby。仅有 placeholder 不够。
- HTML 中有 {n} 个链接没有可识别的名称. 补充可见的链接文本,或对图标链接使用 aria-label 或带 alt 的图片。
- HTML 中有 {n} 个按钮没有名称. 补充按钮文本或设置 aria-label。
- {n} 条 CSS 规则{nPlural}的文本对比度可能过低. 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
每周重新扫描,带 JS 渲染,出现新障碍时发电子邮件 —— 即将推出。
方法 & 局限
于 2026/8/31 检查了 www.heise.de 在首次无登录访问时交付的 HTML,以及同一域名下最多四个链接的 CSS 文件。已检查:颜色对比度(来自 CSS)、文本替代、表单标注、控件名称、标题结构、页面标题和语言、缩放锁定、重复的 id、正的 tabindex 值、地标。
未检查: 一切由 JavaScript 生成的内容、键盘可操作性、可见焦点、焦点顺序、屏幕阅读器播报、登录后的内容、子页面。自动测试可发现约 20–35 % 的 WCAG 违规 —— 其余需要手动检查。这是快照,不是法律裁决。