企业网站无障碍检查清单：招聘、PDF、投资者页面和表单

企业网站无障碍检查清单：导航、招聘页面和职位申请、PDF 和年度报告、视频、表单、Cookie 横幅以及无障碍声明。

FixReports 编辑团队阅读约需 1 分钟

企业网站很少直接销售任何东西，因此网站上的无障碍问题很容易被忽视。但人们会在这里申请职位，投资者会在这里阅读年度报告，记者会在这里查找新闻稿，客户会在这里寻找联系方式，而每一项任务都可能被某个障碍挡住：无法用键盘完成的职位申请、以未加标签的 PDF 发布的年度报告、没有字幕的视频、困住焦点的 Cookie 横幅。本检查清单按大多数企业网站都有的版块，逐项梳理 WCAG 2.2 AA 级的要求，并说明每个版块需要检查什么。

要点

  • WebAIM 发现，2026 年排名前一百万的网站首页中，有 95.9% 存在可检测到的 WCAG 不合规问题；最常见的是对比度低的文字（83.9%）和缺少替代文本（53.1%）（WebAIM （在新标签页中打开））。
  • WCAG 不仅适用于网页，也适用于网站上发布的 PDF 等文档；W3C 发布了让 PDF 无障碍的技术（W3C （在新标签页中打开））。
  • 预录视频需要字幕（1.2.2，A 级），如果画面传达了音频中没有的信息，还需要音频描述（1.2.5，AA 级）（W3C （在新标签页中打开））。
  • 美国司法部在 2022 年的指导意见中表示，ADA 适用于向公众开放的企业所提供的网络服务，但没有规定具体的技术标准（ADA.gov （在新标签页中打开））。
  • W3C 提供了撰写无障碍声明的指南和一个免费的生成工具（W3C （在新标签页中打开））。

为什么无障碍对企业网站很重要？

因为依赖无障碍的访客，往往正是您最想接触的人：求职者、客户、合作伙伴和投资者。世界卫生组织估计，全球有 13 亿人（约六分之一）有严重残疾（WHO （在新标签页中打开））。还有更多的人用键盘代替鼠标、放大文字，或在强光下用手机阅读。

此外还有合规方面的考虑，具体因国家和网站的服务对象而异。欧盟的公共部门机构必须遵守《网络无障碍指令》；面向欧盟消费者销售的企业可能受《欧洲无障碍法案》约束；在美国，司法部表示 ADA 适用于向公众开放的企业所提供的网络服务（ADA.gov （在新标签页中打开））。纯粹的企业对企业网站可能不在其中部分法律的适用范围内，但越来越多的大客户会向供应商询问无障碍情况。我们关于《欧洲无障碍法案》和 ADA 律师函的指南介绍了相关背景；本文不构成法律建议。

每个页面都应该检查什么？

这些问题来自共用的模板，因此修复一次就能修好整个网站：

  • 对比度：正文与背景的对比度至少为 4.5:1，大号文字为 3:1（1.4.3）。浅灰色文字和品牌色上的白色文字是常见的问题。颜色对比度检测工具可以测试任意一组颜色。
  • 键盘：每个链接、菜单和按钮都能用 Tab 键到达，并能用 Enter 或空格键操作，同时有可见的焦点指示（2.1.1、2.4.7）。大型下拉菜单和轮播图经常出问题。
  • 跳转链接和地标：提供跳过页头、直达主要内容的方式（2.4.1），以及 header、nav、main 和 footer 地标。
  • 标题：每个页面一个 H1，并有合理的标题层级（1.3.1），让屏幕阅读器用户可以快速浏览页面。
  • 链接文字：脱离上下文也能看懂的链接，而不是重复十次的“阅读更多”（2.4.4）。
  • 语言：每个页面都设置 lang 属性，其他语言的段落也要设置（3.1.1、3.1.2），让屏幕阅读器能正确朗读。
  • 缩放和重排：内容在 200% 缩放下可用，并且在 320 像素宽度下无需横向滚动（1.4.4、1.4.10）。

如何让招聘页面和职位申请无障碍？

招聘版块是障碍后果最明显的地方：无法完成申请的求职者，根本不会进入考虑范围。

  • 职位列表：筛选和搜索必须能用键盘操作，并向屏幕阅读器播报结果数量（4.1.3）。
  • 申请表：每个字段都需要可见的标签（3.3.2），错误必须用文字描述（3.3.1），文件上传按钮必须有可访问名称。
  • 时间限制：如果表单会超时，请提醒用户并允许延长时间（2.2.1）。
  • 第三方招聘管理系统：许多公司使用外部系统处理申请。请向供应商索取其无障碍符合性报告，自己用键盘测试申请流程，并在招聘页面上提供其他申请方式，例如电子邮件。
  • 测评和视频面试：确认所有在线测试或视频面试工具都支持屏幕阅读器和字幕，并能应要求提供额外时间。

如何发布无障碍的 PDF 和年度报告？

年度报告、可持续发展报告、宣传册和政策文件往往只以 PDF 形式发布，而且其中许多没有加标签：屏幕阅读器会把它们当作一整块文字来读，或者根本读不出来。

  • 重要内容优先使用 HTML。 网页更容易做到无障碍，在手机上效果更好，也更便于搜索。
  • 如果发布 PDF，请加上标签。 从源文件（Word、InDesign）导出时启用标签，以保留标题、列表、表格和阅读顺序。PDF/UA 标准（ISO 14289）定义了无障碍 PDF。
  • 检查基本要素：文档标题、文档语言、图表和图片的替代文本、真正的表头，以及合理的阅读顺序。Adobe Acrobat Pro 内置了无障碍检查工具；PAC 是一款适用于 Windows 的免费检查工具。
  • 扫描文档是文字的图像，需要进行 OCR 识别并加上标签，或者提供 HTML 版本。
  • 财务表格：标记表头行和表头列；在 HTML 中，使用带 scope 的 <th>。

视频、网络直播和播客需要注意什么？

  • 为所有带语音的预录视频提供字幕（1.2.2，A 级），网络直播也要提供（1.2.4，AA 级）。自动生成的字幕需要检查：人名、数字和专业术语经常出错。
  • 当重要信息只能通过画面获得时，例如演讲者没有读出的幻灯片文字，需要提供音频描述（1.2.5，AA 级）。通常最简单的办法是让演讲者口头描述幻灯片。
  • 为播客和纯音频内容提供文字稿（1.2.1，A 级）。
  • 播放器控件：嵌入的播放器必须能用键盘操作，自动播放超过三秒的声音需要提供暂停或停止的方式（1.4.2）。

W3C 关于制作无障碍音频和视频的指南涵盖了规划、字幕和描述（W3C （在新标签页中打开））。

如何让联系表单、地图和办公地点信息无障碍？

  • 表单：提供标签和清晰的错误消息，不要使用只依赖阅读扭曲文字或解答谜题的 CAPTCHA；请提供替代方式（W3C （在新标签页中打开））。
  • 以文字提供联系方式：电话号码、电子邮件地址和办公地址直接写在页面上，而不是只放在图片或地图中。
  • 地图：嵌入的地图很难用屏幕阅读器使用；以文字写出的地址和路线说明才是无障碍的替代方式。
  • 聊天插件：确认它们能用键盘打开、使用和关闭，并且不会遮住获得焦点的内容（2.4.11）。

经常会，因为它们最先出现，而且覆盖在所有内容之上。

  • 横幅必须能用键盘到达和操作，并且必须能用 Tab 键离开（2.1.2，无键盘陷阱）（W3C （在新标签页中打开））。
  • 横幅上的按钮需要清晰的名称和足够的对比度；“拒绝”必须和“接受”一样容易找到。
  • 横幅不得遮住其后方页面上获得焦点的元素（2.4.11）。

我们的扫描会在 Cookie 横幅仍然显示的情况下从您的首页开始，因为这正是键盘用户最先遇到的情况；如果按 Tab 键无法越过横幅，扫描会报告焦点陷阱。

您需要无障碍声明吗？

欧盟的公共部门机构必须发布无障碍声明。对企业来说，这通常是自愿的，不过《欧洲无障碍法案》要求其涵盖的服务提供有关如何满足其要求的信息。一份好的声明会说明您以哪项标准为目标、已知的局限、用户如何报告问题或索取其他格式的内容，以及最近一次审查的时间。W3C 发布了相关指南和一个免费的生成工具（W3C （在新标签页中打开））。

请如实撰写：只做了自动化扫描就声称完全合规，本身就是一种风险，因为自动化测试无法检查所有内容。

应该如何测试企业网站？

  1. 运行自动化扫描，覆盖首页、一个招聘页面、一篇新闻文章、联系页面以及所有表单。我们的免费网站无障碍检测工具会在真实浏览器中按 WCAG 2.2 A 级和 AA 级测试关键页面，图片替代文本检测工具则会列出页面上的每张图片。
  2. 用键盘测试：只用键盘浏览菜单、申请一个职位并提交联系表单。
  3. 检查文档：用屏幕阅读器或 PDF 无障碍检查工具打开您最重要的 PDF。
  4. 打开字幕、关闭声音观看您的视频。
  5. 请残障人士试着完成关键任务；这能发现任何检查清单都预料不到的问题。

常见问题

WCAG 适用于 PDF 吗？

适用。WCAG 适用于网页内容，包括网站上发布的文档。W3C 发布了在 PDF 文件中满足 WCAG 的具体技术。

我们的招聘网站由第三方运营，这也是我们的责任吗？

从求职者的角度看，这就是您的申请流程。请向供应商索取无障碍符合性报告，测试申请流程，并提供其他申请方式。您是否负有法律责任，取决于您所在的司法管辖区。

自动生成的字幕符合 WCAG 吗？

只有在准确的情况下才符合。自动生成的字幕经常把人名、数字和术语弄错；在依赖它们之前，请先审核并更正。

无障碍覆盖层插件对企业网站来说够用吗？

不够。覆盖层插件无法修复底层代码、文档或视频。请参阅我们关于无障碍覆盖层插件和 FTC 命令的指南。

企业网站应该以哪项标准为目标？

WCAG 2.2 AA 级是当前版本，也是通常的目标；许多法律和政策仍引用 WCAG 2.1 AA，而符合 2.2 AA 的网站也同时符合 2.1 AA。

资料来源

全部指南