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

检查于 2026/9/3 · https://vercel.com/

C
64 / 100
2 个关键 · 0 个待检查

2 个关键障碍n。

分数是如何得出的?(起始 100 分)
缩放被锁定-18
5 条 CSS 规则n的文本对比度可能过低-18
结果64 / 100
对比度 (1)文本替代标注结构语言缩放 (1)健壮性

可感知

关键WCAG 1.4.4 调整文本大小 / 1.4.10 重排

缩放被锁定

viewport 元数据包含 user-scalable=no 或接近 1 的 maximum-scale。

<meta name="viewport">

你应当这样做: 移除 user-scalable=no 和 maximum-scale:<meta name="viewport" content="width=device-width, initial-scale=1">。

关键WCAG 1.4.3 对比度(最低)

5 条 CSS 规则n的文本对比度可能过低

需要:4.5:1(正常)或 3:1(大号文本)。在「假定的页面背景」情况下,无法可靠确定实际背景 —— 有疑问时请在浏览器中检查。发现的示例:`.text-\[rgb\(250\`: #fafafa auf #fafafa (Vorfahren-Hintergrund) = 1.00:1 · `.text-\[\#a0a0a0\]`: #a0a0a0 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.61:1 · `.text-\[\#33b279\]`: #33b279 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.70:1 · `.text-\[rgb\(29\`: #1d9bf0 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.00:1 · `.ghfe_a_dialog .ghfe_a_dialogcta`: #718900 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.98:1

.text-\[rgb\(250\, .text-\[\#a0a0a0\], .text-\[\#33b279\], .text-\[rgb\(29\, .ghfe_a_dialog .ghfe_a_dialogcta

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

已正确解决

后续步骤

  1. 缩放被锁定. 移除 user-scalable=no 和 maximum-scale:<meta name="viewport" content="width=device-width, initial-scale=1">。
  2. 5 条 CSS 规则n的文本对比度可能过低. 调暗文本颜色或调亮背景,直到达到相应的最低值。切勿将颜色作为唯一的区分特征。
自动监控此页面?

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

创建无障碍声明 →

方法 & 局限

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

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

检查其他网站