# 网页发布前无障碍审查

检查网页或 UI 组件的结构、阅读顺序、截图对比度和色觉风险，并把自动发现整理成由人工复核的发布记录。

> 标准页面: https://elysiatools.com/zh/hubs/web-accessibility-audits

- **关键词:** 网页发布前无障碍审查, 网页无障碍检查, 读屏阅读顺序, UI 对比度审计, 色觉无障碍检查, WCAG 证据报告, 人工无障碍复核

## 常见问题

### 自动报告没有报错，就说明页面无障碍了吗？

不是。自动工具能发现可重复的信号，但无法完整判断上下文、键盘可用性、部分焦点和交互问题，以及内容是否符合用户任务。仍应保留人工复核和复测记录。

### 应该审查 URL 还是粘贴 HTML？

当最终交付页面、脚本和登录状态是审查对象时使用 URL；孤立组件或可复现夹具可使用 HTML。如果客户端渲染可能改变结果，就同时使用两者。

### 对比度检查和色盲模拟有什么区别？

对比度检查会针对指定的前景色和背景色计算选定阈值下的关系；色盲模拟则展示渲染界面在特定色觉条件下可能如何变化，用来发现只依赖色相的设计。它不能替代文字、图案或其他冗余提示。

### 生成的 PDF 能当作法律上的无障碍证书吗？

不能。它只是对输入、自动观察结果和人工决定的结构化记录。负责团队仍须结合所选标准、测试环境和风险容忍度解释结果；需要法律结论时应寻求专业意见。

## 相关内容

- [色彩系统与 CSS 效果设计工作流](https://elysiatools.com/zh/hubs/design-generate): 从色板提取、配色关系、可访问性校验到 token 生成，再把 CSS 效果落到真实组件状态中。
- [技术 SEO URL 工作流](https://elysiatools.com/zh/hubs/technical-seo-url-workflows): 校验 SEO 友好的 slug，检查查询参数，准备 robots 与 sitemap，生成社交元数据，并在上线前验证页面信号。
- [HTML 邮件审稿与 PDF 交付](https://elysiatools.com/zh/hubs/html-convert): 检查 HTML 邮件元标签、关键属性和图片引用，在需要时生成便于审稿的简化副本，并输出可分享的 PDF 校样。
