作者:Miloš Duraković

欧洲无障碍法案:它对你的网站有什么要求,执法又揭示了什么

refreshable braille display beneath a keyboard

第 2019/882 号指令自 2025 年 6 月 28 日起适用。和大多数数字规则不同,它的开局并不安静。法国法院判令家乐福在按日罚款下让网站达到合规,各国监管机构此后一直在按行业开展检查。

无障碍法案与这一轮其他规则的不同之处在于,合规无法表演。要么网站能用键盘操作,要么不能。要么表单错误会被读屏软件播报,要么不会。审计是直接的,任何人都能做。

它适用于谁

指令覆盖面向消费者的产品和服务。在数字这一侧意味着:

  • 电子商务,所有面向消费者的线上销售。
  • 面向消费者的银行服务,包括网银和手机应用。
  • 电子通信服务及其界面。
  • 视听媒体服务的接入服务,例如流媒体平台的界面。
  • 客运服务:票务、时刻表、航空、长途客车、铁路和水运的出行信息。
  • 电子书及其阅读软件
  • 自助终端:ATM、售票机、值机机、支付终端。

员工少于 10 人且年营业额或资产负债表不超过 200 万欧元的微型企业,可豁免服务方面的义务。这是一项窄豁免,且不适用于产品。

有一个误解值得澄清。如果一家公司在线上向消费者销售,它就落在适用范围内,无论规模大小,除非它是微型企业。企业对企业的电商一般不在范围内,但如果同一个平台同时服务两者,务实的做法是一次性把无障碍做好。

技术标尺

指令规定的是功能性要求,不是技术细节。创设合规推定的协调标准是 EN 301 549,其当前版本对应 WCAG 2.1 AA 级。与 WCAG 2.2 对齐的更新一直在路上,按它来建是合理的,因为差异不大且基本都是改进。

实践中这意味着四条原则:可感知、可操作、可理解、稳健。

这在代码里到底意味着什么

无障碍工作的大部分并不神秘。就是把同样的十件事在各处修好。

语义化 HTML 优先

带点击处理器的 div 不是按钮。它拿不到焦点,不响应空格或回车,也不会向读屏软件传达任何信息。

大多数站点最大的单项改进,是把自制组件换成正确的元素:buttonalabelfieldsetnavmain,以及按正确顺序排列的 h1h6 标题层级。ARIA 是补丁层,不是起点。

完整的键盘可用性

任何能用鼠标完成的操作,都必须能用键盘完成。不能有键盘陷阱。焦点顺序要符合视觉顺序。焦点指示器要可见并满足对比度要求。

模态框是反复出问题的地方:打开时焦点必须移入,停留在其中,关闭时回到触发元素,并且 Escape 必须能关闭它。

能填完的表单

每个输入都要有以编程方式关联的标签。占位符不是标签。错误必须用文字标识,而不只是颜色,要关联到字段,并向辅助技术播报。必填字段要以编程方式标记。

结账表单是电商里无障碍法案的核心区域,而它们通常也是站点上最复杂的页面。

对比度和文字大小

普通文字至少 4.5:1,大字号文字和界面组件至少 3:1。文字必须能放大到 200% 而不丢失内容或破坏功能。

这通常是设计团队会抵触的地方,因为灰底灰字看起来克制。它也是自动化测试里最容易发现的问题之一,也就是说它一定会被发现。

文本替代和多媒体

有意义的图片需要描述性 alt 文本。装饰性图片需要空的 alt 属性,而不是没有。视频需要字幕,录制的音频需要文字稿。

没有可访问名称的图标按钮是另一个长期发现。垃圾桶图标对读屏软件来说就是"按钮",除非给它一个名字。

动态内容和状态变化

当内容在不刷新页面的情况下改变时,辅助技术必须被告知。通知用 live region,切换视图时管理焦点,加载状态要被播报而不只是有动画。

单页应用几乎默认在这里失败,因为路由切换既不移动焦点也不播报标题变化。

时间限制和动效

如果存在时间限制,用户必须能延长或取消它,窄例外除外。自动移动、滚动或更新的内容需要暂停控制。轮播是经典的违规项。

无障碍声明

服务提供者必须提供关于服务如何满足无障碍要求的信息。实践中这是一份公开声明,涵盖:

  • 服务描述以及它如何做到无障碍。
  • 适用的要求和所依据的标准。
  • 已知的不足和整改时间表。
  • 用户可以反馈障碍的渠道。
  • 监管机构的信息。

写出不足并不是承认软弱。当自动化测试能发现 200 处违规时,一份声称完全合规的声明,比一份带整改计划的诚实声明更糟。

不成比例的负担与根本改变

指令允许在满足要求会造成不成比例负担、或需要对产品或服务作出根本改变时予以例外。

这不是免死金牌。援引它需要一份书面评估,考虑成本相对于总成本、估计成本与收益相对于对残障人士的收益,以及组织的资源。评估必须在监管机构要求时提供,并至少每五年更新一次。

实践中,我们见到的多数援引经不起推敲。"重新设计很贵"不是评估。

执法是怎么走的

第一年的模式很好预测:

投诉是主要触发器。 指令要求成员国设立消费者举报不合规的程序。用不了网站的用户会去举报。

自动化扫描是第一道筛。 监管机构对整个行业跑自动化工具。自动化工具大概能找到三分之一的问题,但它们找得便宜、找得多。

诉讼是可能的,而且已经被用过。 法国的家乐福案值得注意,因为它表明按日罚款是可用的手段,也因为它针对的是一家有能力把事做完的大公司。

公共采购有乘数效应。 公共部门采购方必须采购无障碍的方案。不合规的供应商会在招标中被淘汰。

修一个既有网站的现实路径

行之有效的不是一份完整审计外加一年的整改项目。而是这样:

对全站跑自动化扫描,按问题类型而不是按页面归类。 同一个缺失的标签会出现在 400 个页面上,因为它在一个组件里。把组件修一次。

先修设计系统,再修页面。 按钮、输入框、模态框、标签页、下拉、表格。大多数违规是从这里继承的。组件库的一轮修复,会消掉全站的大多数发现。

对核心路径做人工测试。 首页、搜索、商品页、购物车、结账、账户。先用键盘,再用读屏软件。自动化工具不会告诉你结账是否真的能走完。

让用户参与。 和一位真实的读屏软件用户待一小时,能发现任何工具都发现不了的问题,而且它改变团队态度的效率超过任何培训。

防止回退。 把无障碍测试加进 CI,把无障碍纳入完成的定义,并在新组件进入组件库之前评审它们。没有这些,18 个月后你还在同一个位置。

为什么这件事本来就值得做

无障碍与产品团队本来就想要的很多东西高度相关。

语义化标记正是搜索引擎读取的。清晰的表单错误会降低结账放弃率。键盘可用性让站点对熟练用户更快。对比度要求提升了手机在强光下的可读性,而那是流量的很大一部分。

而且受众并不小众。欧盟大约每四名成年人中就有一位存在某种程度的功能受限,随着人口老龄化,这个比例还在上升。

我们在哪里帮忙

我们为在欧洲经营的公司构建和修复界面,今天这意味着无障碍组件库、对既有平台的整改轮次,以及防止回退的 CI 门禁。

如果你有一个落在适用范围内的站点又不确定,先跑一次自动化扫描并对结账路径做一次键盘走查。它会相当准确地告诉你自己在哪里。

想要帮助的话写信到 office@c9group.dev。更多关于我们欧洲业务的内容见欧盟市场进入页面,完整监管图景见我们的 2026 年欧盟数字合规指南

我们是工程师,不是律师。适用范围的判断和不成比例负担的评估属于你们的律师。