# 企业网站无障碍检查清单：招聘、PDF、投资者页面和表单 更新于 2026-10-26 企业网站很少直接销售任何东西，因此网站上的无障碍问题很容易被忽视。但人们会在这里申请职位，投资者会在这里阅读年度报告，记者会在这里查找新闻稿，客户会在这里寻找联系方式，而每一项任务都可能被某个障碍挡住：无法用键盘完成的职位申请、以未加标签的 PDF 发布的年度报告、没有字幕的视频、困住焦点的 Cookie 横幅。本检查清单按大多数企业网站都有的版块，逐项梳理 WCAG 2.2 AA 级的要求，并说明每个版块需要检查什么。 **要点** - WebAIM 发现，2026 年排名前一百万的网站首页中，有 95.9% 存在可检测到的 WCAG 不合规问题；最常见的是对比度低的文字（83.9%）和缺少替代文本（53.1%）（[WebAIM](https://webaim.org/projects/million/)）。 - WCAG 不仅适用于网页，也适用于网站上发布的 PDF 等文档；W3C 发布了让 PDF 无障碍的技术（[W3C](https://www.w3.org/WAI/WCAG22/Techniques/#pdf)）。 - 预录视频需要字幕（1.2.2，A 级），如果画面传达了音频中没有的信息，还需要音频描述（1.2.5，AA 级）（[W3C](https://www.w3.org/WAI/WCAG22/Understanding/captions-prerecorded)）。 - 美国司法部在 2022 年的指导意见中表示，ADA 适用于向公众开放的企业所提供的网络服务，但没有规定具体的技术标准（[ADA.gov](https://www.ada.gov/resources/web-guidance/)）。 - W3C 提供了撰写无障碍声明的指南和一个免费的生成工具（[W3C](https://www.w3.org/WAI/planning/statements/)）。 ## 为什么无障碍对企业网站很重要？ 因为依赖无障碍的访客，往往正是您最想接触的人：求职者、客户、合作伙伴和投资者。世界卫生组织估计，全球有 13 亿人（约六分之一）有严重残疾（[WHO](https://www.who.int/news-room/fact-sheets/detail/disability-and-health)）。还有更多的人用键盘代替鼠标、放大文字，或在强光下用手机阅读。 此外还有合规方面的考虑，具体因国家和网站的服务对象而异。欧盟的公共部门机构必须遵守《网络无障碍指令》；面向欧盟消费者销售的企业可能受《欧洲无障碍法案》约束；在美国，司法部表示 ADA 适用于向公众开放的企业所提供的网络服务（[ADA.gov](https://www.ada.gov/resources/web-guidance/)）。纯粹的企业对企业网站可能不在其中部分法律的适用范围内，但越来越多的大客户会向供应商询问无障碍情况。我们关于[《欧洲无障碍法案》](/zh/blog/european-accessibility-act-online-stores)和 [ADA 律师函](/zh/blog/ada-website-demand-letter)的指南介绍了相关背景；本文不构成法律建议。 ## 每个页面都应该检查什么？ 这些问题来自共用的模板，因此修复一次就能修好整个网站： - **对比度**：正文与背景的对比度至少为 4.5:1，大号文字为 3:1（1.4.3）。浅灰色文字和品牌色上的白色文字是常见的问题。[颜色对比度检测工具](/zh/color-contrast-checker)可以测试任意一组颜色。 - **键盘**：每个链接、菜单和按钮都能用 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` 的 ``。 ## 视频、网络直播和播客需要注意什么？ - 为所有带语音的预录视频提供**字幕**（1.2.2，A 级），网络直播也要提供（1.2.4，AA 级）。自动生成的字幕需要检查：人名、数字和专业术语经常出错。 - 当重要信息只能通过画面获得时，例如演讲者没有读出的幻灯片文字，需要提供**音频描述**（1.2.5，AA 级）。通常最简单的办法是让演讲者口头描述幻灯片。 - 为播客和纯音频内容提供**文字稿**（1.2.1，A 级）。 - **播放器控件**：嵌入的播放器必须能用键盘操作，自动播放超过三秒的声音需要提供暂停或停止的方式（1.4.2）。 W3C 关于制作无障碍音频和视频的指南涵盖了规划、字幕和描述（[W3C](https://www.w3.org/WAI/media/av/)）。 ## 如何让联系表单、地图和办公地点信息无障碍？ - **表单**：提供标签和清晰的错误消息，不要使用只依赖阅读扭曲文字或解答谜题的 CAPTCHA；请提供替代方式（[W3C](https://www.w3.org/TR/turingtest/)）。 - **以文字提供联系方式**：电话号码、电子邮件地址和办公地址直接写在页面上，而不是只放在图片或地图中。 - **地图**：嵌入的地图很难用屏幕阅读器使用；以文字写出的地址和路线说明才是无障碍的替代方式。 - **聊天插件**：确认它们能用键盘打开、使用和关闭，并且不会遮住获得焦点的内容（2.4.11）。 ## Cookie 横幅会造成无障碍问题吗？ 经常会，因为它们最先出现，而且覆盖在所有内容之上。 - 横幅必须能用键盘到达和操作，并且必须能用 Tab 键离开（2.1.2，无键盘陷阱）（[W3C](https://www.w3.org/WAI/WCAG22/Understanding/no-keyboard-trap)）。 - 横幅上的按钮需要清晰的名称和足够的对比度；“拒绝”必须和“接受”一样容易找到。 - 横幅不得遮住其后方页面上获得焦点的元素（2.4.11）。 我们的扫描会在 Cookie 横幅仍然显示的情况下从您的首页开始，因为这正是键盘用户最先遇到的情况；如果按 Tab 键无法越过横幅，扫描会报告焦点陷阱。 ## 您需要无障碍声明吗？ 欧盟的公共部门机构必须发布无障碍声明。对企业来说，这通常是自愿的，不过《欧洲无障碍法案》要求其涵盖的服务提供有关如何满足其要求的信息。一份好的声明会说明您以哪项标准为目标、已知的局限、用户如何报告问题或索取其他格式的内容，以及最近一次审查的时间。W3C 发布了相关指南和一个免费的生成工具（[W3C](https://www.w3.org/WAI/planning/statements/)）。 请如实撰写：只做了自动化扫描就声称完全合规，本身就是一种风险，因为自动化测试无法检查所有内容。 ## 应该如何测试企业网站？ 1. **运行自动化扫描**，覆盖首页、一个招聘页面、一篇新闻文章、联系页面以及所有表单。我们的[免费网站无障碍检测工具](/zh/website-accessibility-checker)会在真实浏览器中按 WCAG 2.2 A 级和 AA 级测试关键页面，[图片替代文本检测工具](/zh/image-alt-text-checker)则会列出页面上的每张图片。 2. **用键盘测试**：只用键盘浏览菜单、申请一个职位并提交联系表单。 3. **检查文档**：用屏幕阅读器或 PDF 无障碍检查工具打开您最重要的 PDF。 4. **打开字幕、关闭声音观看您的视频。** 5. **请残障人士试着完成关键任务**；这能发现任何检查清单都预料不到的问题。 ## 常见问题 ### WCAG 适用于 PDF 吗？ 适用。WCAG 适用于网页内容，包括网站上发布的文档。W3C 发布了在 PDF 文件中满足 WCAG 的具体技术。 ### 我们的招聘网站由第三方运营，这也是我们的责任吗？ 从求职者的角度看，这就是您的申请流程。请向供应商索取无障碍符合性报告，测试申请流程，并提供其他申请方式。您是否负有法律责任，取决于您所在的司法管辖区。 ### 自动生成的字幕符合 WCAG 吗？ 只有在准确的情况下才符合。自动生成的字幕经常把人名、数字和术语弄错；在依赖它们之前，请先审核并更正。 ### 无障碍覆盖层插件对企业网站来说够用吗？ 不够。覆盖层插件无法修复底层代码、文档或视频。请参阅我们关于[无障碍覆盖层插件和 FTC 命令](/zh/blog/accessibility-overlays-ftc-order)的指南。 ### 企业网站应该以哪项标准为目标？ WCAG 2.2 AA 级是当前版本，也是通常的目标；许多法律和政策仍引用 WCAG 2.1 AA，而符合 2.2 AA 的网站也同时符合 2.1 AA。 ## 资料来源 - WebAIM：[The WebAIM Million (2026)](https://webaim.org/projects/million/) - W3C：[Web 内容无障碍指南（WCAG）2.2](https://www.w3.org/TR/WCAG22/) - W3C：[WCAG 2.2 技术：PDF 技术](https://www.w3.org/WAI/WCAG22/Techniques/#pdf) - W3C：[理解 1.2.2 字幕（预录）](https://www.w3.org/WAI/WCAG22/Understanding/captions-prerecorded) - W3C：[理解 1.2.5 音频描述（预录）](https://www.w3.org/WAI/WCAG22/Understanding/audio-description-prerecorded) - W3C：[制作无障碍的音频和视频媒体](https://www.w3.org/WAI/media/av/) - W3C：[理解 2.1.2 无键盘陷阱](https://www.w3.org/WAI/WCAG22/Understanding/no-keyboard-trap) - W3C：[CAPTCHA 的不可访问性](https://www.w3.org/TR/turingtest/) - W3C：[撰写无障碍声明](https://www.w3.org/WAI/planning/statements/) - 美国司法部：[关于网络无障碍和 ADA 的指导意见](https://www.ada.gov/resources/web-guidance/) - 世界卫生组织：[残疾问题概况](https://www.who.int/news-room/fact-sheets/detail/disability-and-health)