compliance
ADA 第三章网站合规检查清单
一份实用的 ADA 第三章网站无障碍检查清单:法律要求、最重要的 WCAG 标准,以及如何保持合规。
法律依据:ADA 第三章与网站
《美国残障人士法案》(ADA)第三章禁止在公共场所基于残障进行歧视。ADA 于 1990 年颁布,早于商业互联网的出现——这导致了数十年来关于网站是否属于”公共场所”的诉讼争议。
如今的法律格局已在很大程度上朝着包容的方向解决了这一问题。绝大多数处理过这一问题的联邦法院都认定,向公众开放的企业所运营的网站受第三章约束。美国司法部(DOJ)在 2022 年 3 月发布了正式指导意见,确认 ADA 适用于网站。2024 年 4 月,DOJ 依据第二章(涵盖州和地方政府)发布了一项最终规则,明确采用 WCAG 2.1 AA 级标准——这为第三章最终将纳入的内容发出了强烈信号。
实际结果是:如果你运营一个客户通过它获取商品、服务或信息的网站,ADA 第三章就适用于该网站。
ADA 下”无障碍”意味着什么
ADA 并未为网站无障碍规定具体的技术标准。法院和 DOJ 一直将符合**《网页内容无障碍指南》(WCAG)2.1 AA 级**作为判断一个网站是否满足 ADA 非歧视要求的基准。WCAG 2.1 AA 是几乎所有 DOJ 和解协议以及大多数法院监督的合规计划中所采用的标准。
下面的检查清单将最关键的 WCAG 2.1 AA 成功标准映射为实际的合规义务。
ADA 第三章网站合规检查清单
1. 非文本内容的文本替代
- 每一张有意义的图片都有一个能传达其用途的
alt属性 - 装饰性图片使用空的
alt="",以便屏幕阅读器跳过它们 - 用作按钮或链接的图标具有可访问名称(通过
aria-label或可见文本) - 图表和信息图有文本描述或数据表作为替代
- CAPTCHA 在提供视觉验证的同时也提供音频替代方案
为何重要: 如果没有替代文本,屏幕阅读器用户将无法获得关于该图片的任何信息。一个仅用图标标注、没有可访问名称的结账按钮,对屏幕阅读器用户而言实际上是不可见的。
2. 媒体的字幕和文字记录
- 预先录制的视频有同步的隐藏式字幕
- 直播视频提供实时字幕
- 预先录制的纯音频内容(播客)有文字记录
- 包含重要音频的预先录制视频提供文字记录
- 自动生成的字幕在发布前经过审核和校正
为何重要: 字幕是失聪和听障用户获取视频内容的主要方式。不准确的自动生成字幕并不满足这一要求。
3. 色彩与视觉设计
- 信息绝不仅通过颜色来传达(例如,必填字段用文字或图标标注,而不仅仅用红色边框)
- 常规文本(小于 18pt / 14pt 粗体)与背景之间的对比度至少达到 4.5:1
- 大号文本(18pt 以上或 14pt 以上粗体)与背景之间的对比度至少达到 3:1
- UI 组件(按钮、输入框、焦点指示器)与相邻颜色之间的对比度至少达到 3:1
- 错误状态通过文字而非仅通过颜色变化来传达
为何重要: 大约 8% 的男性和 0.5% 的女性存在某种形式的色觉缺陷。仅依赖颜色会将相当一部分用户排除在外。
4. 键盘无障碍
- 所有交互元素(链接、按钮、表单、菜单、模态框、日期选择器)都可以仅通过键盘到达并操作
- Tab 顺序遵循合乎逻辑、可预测的顺序
- 没有键盘陷阱——用户能够使用标准按键进入并离开每一个组件
- 自定义控件(下拉菜单、滑块、对话框)实现了预期的键盘交互模式
- “跳到主内容”链接是每个页面上第一个可获得焦点的元素
为何重要: 患有运动障碍的用户中,许多人依赖键盘导航或开关访问设备,无法使用鼠标。一个核心功能需要鼠标交互的网站,对他们而言是不可访问的。
5. 焦点可见性
- 键盘焦点始终可见——活动元素上会出现清晰的焦点指示器(轮廓、高亮、下划线)
- 焦点指示器不会因使用
outline: none或outline: 0而被隐藏,且没有替代方案 - 焦点指示器与周围内容之间具有足够的对比度
为何重要: 没有可见的焦点指示器,键盘用户就无法知道自己在页面上的位置——相当于没有光标地浏览网页。
6. 不含诱发癫痫发作的内容
- 没有任何内容每秒闪烁超过三次
- 无法关闭的动画不会在高频率下覆盖视口的大部分区域
- 视差效果和自动播放的动画可以通过 prefers-reduced-motion 媒体查询暂停或减少
为何重要: 光敏性癫痫影响着相当一部分人群。一条闪烁的广告就可能诱发癫痫发作。
7. 有足够的时间完成任务
- 会话超时会在过期前提醒用户,并给他们延长会话的方式
- 自动更新的内容(新闻滚动条、实时比分、轮播横幅)可以暂停、停止或隐藏
- 关键任务(结账、表单提交)不会施加没有充分延长机制的时间限制
为何重要: 认知障碍、运动障碍用户,或使用辅助技术的用户,往往需要更多时间来完成任务。突然的超时可能导致已完成的进度丢失。
8. 导航与路径指引
- 每个页面都有一个独特、描述性的
<title>元素 - 导航菜单在各页面中的结构和位置保持一致
- 当前页面位置在导航中有所标示(激活状态)
- 深层页面上存在面包屑导航
- 存在多种查找内容的方式(搜索、站点地图或导航)
- 标题按合乎逻辑的层级结构组织(
h1→h2→h3),并准确描述章节内容
为何重要: 屏幕阅读器用户通过标题、地标区域和页面标题进行导航。结构混乱的标题会让使用屏幕阅读器浏览的人无法理解页面。
9. 表单无障碍
- 每个表单输入框都有一个以编程方式关联的可见
<label>元素 - 必填字段通过文字标明(而不仅仅是一个没有解释的星号)
- 错误消息标明哪个字段出错,并说明如何修正
- 错误消息会向屏幕阅读器用户播报(通过
aria-live或焦点管理) - 常见输入框(姓名、邮箱、地址、信用卡)具有自动填充属性
- 表单提交不会无声地超时
为何重要: 表单是用户与你的服务进行交易的方式——预订、购买、注册、联系。一个无障碍功能缺失的结账流程,其数字层面的等价物就是一家没有坡道的商店。
10. 链接和按钮
- 每个链接都有描述性的可访问名称——仅”了解更多”是不够的;“了解更多关于 [主题]“才是合适的
- 链接和按钮与周围文本能够区分,而不仅仅依赖颜色
- 触发操作的按钮被标记为
<button>元素,而不是带样式的<div>或<span>元素 - 在新标签页打开或触发下载的链接会告知用户这一点
为何重要: 屏幕阅读器用户经常通过列出页面上所有链接来浏览。一堆”点击这里”和”了解更多”的链接列表没有任何导航价值。
11. 语言与可读性
- 页面的主要语言在
<html>元素的lang属性中设置(例如lang="en") - 使用不同语言的部分,其所在容器元素上标有
lang属性 - 缩写词在首次出现时被展开,或在适当情况下通过
<abbr title="...">说明
为何重要: 屏幕阅读器使用语言属性来选择正确的发音引擎。没有它,用德语发音引擎朗读的英文文本几乎无法理解。
12. 一致、可预测的行为
- 获得焦点不会自动触发上下文变化(例如,字段获得焦点时表单不会自动提交)
- 更改表单输入不会触发意外的导航或模态对话框
- 各页面中功能相同的组件标签保持一致
为何重要: 不可预测的行为会让所有用户感到困惑,对认知障碍用户或依赖屏幕阅读器的用户尤其如此。
13. PDF 与文档
- 可供下载的 PDF 已针对结构进行标记(标题、列表、阅读顺序)
- PDF 表单字段已加上标签
- 扫描版 PDF(仅图像)已经过 OCR 处理并标记
- Word、Excel 和 PowerPoint 文件使用了内置的无障碍功能(标题样式、替代文本、工作表名称)
为何重要: 法院和 DOJ 一直将可下载文档视为网站无障碍内容的一部分。在一个整体无障碍的结账流程中,一份无法访问的 PDF 仍然是一个障碍。
14. 移动端无障碍
- 所有功能在竖屏和横屏方向下都可用
- 触控目标(按钮、链接)至少为 44×44 CSS 像素
- 内容在标准视口下不需要水平滚动
- 网站不会通过视口 meta 标签中的
maximum-scale或user-scalable=no禁用用户缩放
为何重要: 许多残障用户将移动设备作为访问网络的主要或唯一方式。移动端的障碍与桌面端的障碍一样会将他们排除在外。
15. 无障碍声明
- 已发布并从网站页脚链接了一份无障碍声明
- 声明中标明了网站所针对的标准(WCAG 2.1 AA)
- 声明中包含供用户反馈障碍的联系方式
- 该联系方式本身是无障碍的
为何重要: 无障碍声明展示了善意,并为用户在寻求法律救济之前提供了解决问题的途径。根据多个州的法律,这也是必需的,并且是 DOJ 指导意见所期望的做法。
执法与诉讼风险
ADA 第三章不要求原告证明存在故意歧视。只要存在一个障碍,并且该障碍妨碍了一名残障人士获取商品或服务,诉讼就可以推进。第三章下的救济措施不包括损害赔偿(与第 504 条不同),但包括禁令救济和律师费——这往往是连环诉讼的主要驱动因素。
近年来,美国 ADA 网站无障碍诉讼的数量急剧上升,每年提起的诉讼数以千计。中小型企业经常成为目标,因为它们被认为不太可能已经投入资源实现合规。
如果你收到了一份ADA 律师函,切勿置之不理。请及时聘请法律顾问,并委托进行一次无障碍审计,以准确了解你网站的符合性情况。
长期维持合规
一次性的审计和修复是不够的。每一个新页面、新功能或第三方集成都可能引入新的障碍。诉讼风险最低的组织都在持续维持合规:
- 嵌入开发流程的自动化扫描能在问题到达生产环境之前捕获可检测到的问题。我们的CI/CD 无障碍集成服务让这成为每一次构建的一部分。
- 定期的人工审计能发现自动化工具无法检测到的问题——屏幕阅读器交互、认知复杂度、键盘陷阱。
- 面向开发人员和内容作者的无障碍培训能从源头上防止障碍的产生。
- 用户反馈机制为残障人士提供了一个直接渠道,让他们能在障碍升级为法律问题之前进行反馈。
一次免费自动化扫描是识别网站最明显的 WCAG 失败项的最快方式。若要获得与你的 ADA 风险敞口相匹配的完整图景,请联系我们的团队讨论一次全面审计。