无障碍叠加层服务能否替代 WCAG 2.2 AA 网站改造？

您好，我是 Liberogic 的代表森本。

通过咨询表单就无障碍问题与我们联系的客户，在首次沟通时经常会问：“使用这项服务是否就能满足 JIS 或 WCAG 的要求？”

网站一角通常会有一个人形图标，点击后可以选择放大文字、更改配色、朗读内容等功能。提供此类功能的服务一般被称为“无障碍叠加层”。其中也有一些产品会通过 JavaScript 自动修正页面问题。

这类工具可能包含一些实用功能，但仅仅导入叠加层并不能完成网站的无障碍改造，我也难以认为它能够达到 WCAG AA 合规要求。

Web 无障碍基础委员会（WAIC）以及该领域的先驱 Mitsue 公司也早已对此问题有所论述。
［参考 WAIC：无障碍叠加层能否有效保障无障碍？能否达到 AA 合规等级？］
［参考 Mitsue Links：关于无障碍叠加层的探讨］

曾经还出现过用于移除此类服务的 Chrome 插件。
针对这些问题，我整理了包括欧美案例在内的相关回答，供您参考。

主导权应掌握在用户手中

每个人使用网页的环境各不相同。有人在浏览器中放大页面，有人使用操作系统的配色设置，有人使用屏幕阅读器或语音输入，也有人只用键盘操作。还有不少人在多个网站中共用同一套设置。

W3C 指出，文字自定义和用户设置等需求，更适合由“用户代理”来提供，而非由 Web 内容本身负责。
这里的用户代理包括浏览器和辅助技术等，但这并不意味着网站方面无需做任何考虑。
网站的职责在于确保用户能够在其所选的环境中正常使用网站。
［参考 W3C：UAAG 概要］

例如，如果用户设置了减少动态效果，网站可以通过 prefers-reduced-motion 来调整动画。对于要求高对比度的设置，有 prefers-contrast；对于强制配色模式，有 forced-colors。

这些支持并不是 WCAG 2.2 的 A 级或 AA 级合规所要求的内容。不过，它是让网站如实响应用户已经自行选择的设置的有效方式。在考虑制作网站自有的切换按钮之前，这是值得优先考虑的方法。
[参考 MDN：prefers-reduced-motion]

增加功能与修复网站问题是两回事

无障碍覆盖层服务提供了更改文字大小和颜色的功能，以及自动修复 HTML 等问题的功能。
更改文字大小和颜色的功能或许对部分人有所帮助，但对于已经在浏览器或辅助技术中设置好适合自己的选项的人来说，功能相互重叠，有时反而会妨碍其日常的设置和操作。

自动修复 HTML 等问题的功能也有其局限。例如，图片的替代文本需要根据该图片在页面中所传达的内容来编写。此外，还存在表单字段的用途是否能够被理解、能否仅通过键盘操作、打开对话框后焦点是否正确移动、网站自定义按钮的角色和状态是否能够传达给辅助技术等问题。这些问题仅靠改变外观是无法解决的。即使部分内容可以自动修复，是否真正可用，仍需要人工操作来确认。

欧洲残疾人论坛（EDF）与国际无障碍专业人士协会（IAAP）的联合声明指出，覆盖层的部分功能可能有所帮助，但也可能与浏览器或辅助技术重复或相互干扰。
此外，声明还指出覆盖层无法替代对网站本身的修复。
[参考 EDF・IAAP 联合声明]

欧洲的“从问题源头解决”理念

欧盟委员会在针对公共部门网站和应用程序的《Web 无障碍指令》（Web Accessibility Directive）说明中，明确提到了覆盖层。

无法保证网站本身满足技术标准详细要求的覆盖层等方案并非恰当的解决办法，无障碍问题最好在源头进行修复。

这一说明的意思是。
请注意，欧盟并未一律禁止覆盖层这一技术。
[参考 欧盟委员会：Web accessibility]

2026年6月，法国卡昂司法法院责令一家大型零售企业改善其电商网站和应用程序的无障碍性。
本条目并非对无障碍覆盖层（overlay）的是非作出判断，但因其涉及实际服务是否处于可用状态的问题，故仍予以收录。
［参见 法国司法机关公开的判决文书］

在美国，“导入即符合WCAG”的宣传表述引发问题

2025年4月，美国联邦贸易委员会（FTC）确定了对一家提供无障碍覆盖层服务的企业的最终同意令。FTC指出，该企业关于“任何网站都可以符合WCAG”之类的宣传属于虚假、具有误导性，或缺乏充分依据。
该命令要求支付100万美元，并禁止无依据的同类表述。
这是针对特定企业广告表述的行政案例，并非认定所有覆盖层均违法的判断，但仍予以收录。
［参见 FTC：最终同意令公告］

另有一起诉讼中，网站运营方以已导入覆盖层等为由，主张该网站已符合WCAG 2.1 AA，并请求驳回起诉。2025年3月，法院驳回了该申请，同意继续审理。
原告主张，商品购买和营养信息确认仍存在障碍，但仅凭工具的导入或符合性报告，并不足以证明问题已经解决并终结诉讼，此为一则案例。
法院并未最终认定覆盖层本身造成了新的障碍，但仍予以收录。
［参见 法院的裁定文书］

美国司法部也指出，自动检测和覆盖层有时可能有所帮助，但建议谨慎使用。即使自动检测结果显示“没有问题”，也不意味着所有内容都具有无障碍性。
其建议与人工验证相结合。
［参见 美国司法部：Web accessibility guidance］

WCAG 3.0将会如何

截至2026年9月，WCAG 3.0仍处于草案阶段。其要求和符合性评估方法可能发生变化，因此目前无法断定“3.0中覆盖层将被认可”或“将不被认可”。W3C建议，作为当前的准备工作，应先着手落实WCAG 2.2的成功标准。
［参见 W3C：WCAG 3概述］

不过，2026年9月10日版草案中纳入了以下内容：用户可以通过浏览器或辅助技术控制内容的设置，且内容应响应用户的无障碍设置。
草案还提出了一种思路，即将用于评估的浏览器、辅助技术及设置的组合视为“无障碍支持集”。

WCAG 3.0新草案已发布。这次有哪些变化？
WCAG 3.0会有哪些变化？

以上内容均仍在讨论之中，因此不能据此断言“将出现禁止覆盖层的条款”，但也无法从中读出“导入覆盖层即可免除网站本身的改进”这一方向。导入覆盖层即可免除网站本身改进这一方向并不成立。
［参见 W3C：WCAG 3.0草案］

首先需要让网站本身可以正常使用。

网站的运营者和制作者应当着手处理的事项非常明确。

• 为标题、按钮和表单赋予恰当的含义和名称。
• 确保仅使用键盘即可完成操作，并让用户能够辨别焦点的移动位置。
• 为图片提供符合其作用的替代文本。
• 支持页面放大，以及用户自定义的配色和动效设置。
• 除自动检测外，还需通过实际操作和辅助技术进行验证，并修复发现的问题。

如果附加工具能够为特定用户群体带来帮助，在确认其对实际用户的影响后，可以考虑使用；但仅安装工具并不意味着改进工作已经完成。

无障碍访问的主导权在于用户。
应确保用户能够使用其所选的浏览器、操作系统和辅助技术访问网站。
因此，基本做法是亲自构建网站、进行验证，并持续加以改进。

另外，Liberogic 提供用于发现网站无障碍问题的免费自动诊断工具 Lente Scan，以及由专家对自动诊断无法覆盖的部分进行检查并协助改进的 Lente Audit。
在制作和运营过程中，欢迎使用可检查对比度和页面结构的本公司免费 Chrome 扩展程序。

这些服务都有助于改善网站本身的无障碍性。