抽查 20 个中国品牌欧洲站:全部不符合 WCAG 2.1 AA

欧盟无障碍法案从 2025 年 6 月起适用。我们挑了 20 个卖到欧洲的中国品牌独立站,看看它们离 WCAG 2.1 AA 还有多远。

发布于 · A11yPass 无碍达

这次抽查覆盖 20 个中国出海品牌的欧洲站,品类包括 3D 打印机、户外电源、激光雕刻机、扫地机器人、耳机音响、个护电器、智能家居和服饰。19 个站用的是 Shopify。结果很集中:20 个站全部不符合 WCAG 2.1 AA,每个站都至少有一类“严重”级别的问题。

怎么测的

  • 时间:2026 年 10 月 16 日。
  • 页面:每个站测首页和首页上链接到的第一个商品页,桌面宽度 1366 像素。
  • 工具:axe-core,只跑 WCAG 2.0 和 2.1 的 A 级、AA 级规则。“问题元素”指页面上不符合规则的具体元素个数。
  • 筛选:打不开的站和被自动跳转到其他地区站点的站不计入,换成同类的其他品牌,直到凑满 20 个。
  • 局限:自动检测一般只能发现三到四成的问题,键盘操作、读屏体验、结账流程这类需要人工测。所以下面的数字是下限。

结果:20 个全部不达标

  • 问题元素(首页加商品页)中位数 76 个,最少 20 个,最多 286 个。
  • 文字对比度不足:20 / 20 个站。
  • 图片缺描述:16 / 20。
  • 链接没有名称:16 / 20。
  • 按钮的读屏名称和可见文字不一致:13 / 20。
  • 按钮没有名称:12 / 20。
  • 表单没有标签:11 / 20。
  • 禁止手机缩放:9 / 20。

每个站的结果如下,品牌名称不公开,同品类用字母区分。

品类首页问题元素商品页问题元素装了无障碍插件最多的问题
3D 打印机 A174112没有文字对比度不足、按钮没有名称
3D 打印机 B3387没有列表结构错误、文字对比度不足
3D 打印机 C4343没有文字对比度不足、链接没有名称
3D 打印机 D1010没有按钮没有名称、文字对比度不足
个护电器 A5915没有链接没有名称、列表结构错误
个护电器 B3920没有文字对比度不足、图片缺描述
个护电器 C2625没有不允许的 ARIA 属性、文字对比度不足
户外电源 A9664装了文字对比度不足、图片缺描述
户外电源 B28105没有文字对比度不足、ARIA 结构错误
扫地机器人1937没有文字对比度不足、不允许的 ARIA 属性
数码配件 A3048没有文字对比度不足、链接没有名称
数码配件 B2113没有链接没有名称、文字对比度不足
智能安防2919没有按钮名称与可见文字不一致、不允许的 ARIA 属性
智能家居5615没有文字对比度不足、按钮没有名称
智能照明3746没有文字对比度不足、按钮没有名称
泳装服饰1022没有文字对比度不足、链接没有名称
激光雕刻机 A10387没有文字对比度不足、图片缺描述
激光雕刻机 B3178装了文字对比度不足、链接没有名称
耳机4779没有图片缺描述、列表结构错误
音频3436没有文字对比度不足、ARIA 结构错误

这些问题对用户意味着什么

对比度不足是唯一一个 20 个站都有的问题,常见于浅灰色的价格、说明文字和按钮。视力不好的用户在手机上、在室外基本看不清,改法是调深颜色,一般只需要改主题的几个颜色变量。

图片缺描述、链接和按钮没有名称,是美国 ADA 诉状里出现最多的几类问题。视障用户用读屏软件时,商品图只会被念成文件名或直接跳过,购物车、搜索、数量加减这类图标按钮只会被念成“按钮”。

按钮名称和可见文字不一致的问题容易被忽视:按钮上写着“Add to cart”,读屏软件念出来的却是另一串文字,用语音控制的用户说出按钮上的字也点不到它。禁止手机缩放则让需要放大文字的用户没法看清页面,改一行 meta 标签就能解决。

装了插件的两个站

20 个站里有 2 个装了“一键无障碍”插件(户外电源 A 和激光雕刻机 B),两个的问题元素分别是 160 个和 109 个,比中位数还高。插件在页面加载后用脚本临时打补丁,源代码里的问题都还在。美国 FTC 在 2025 年要求插件厂商 accessiBe 支付 100 万美元,原因就是它宣称自动工具能让网站符合 WCAG,缺乏依据。详见无障碍插件有用吗。

只有 4 个站能找到无障碍声明

欧盟无障碍法案要求服务提供者说明服务如何满足无障碍要求,网店一般用无障碍声明来披露。这次只有 4 个站在首页能找到无障碍声明或相关链接。写法见无障碍声明模板。

对卖家意味着什么

这些问题大多出在主题模板上,改好模板,几千个商品页会一起变好。建议的顺序是:

  1. 调整主题里对比度不够的颜色。
  2. 给图标按钮和图片链接加上名称,修正和可见文字不一致的按钮名称。
  3. 批量补商品图描述,人工抽检。
  4. 去掉禁止缩放的设置,给表单加标签。
  5. 用键盘和读屏软件从首页走到结账,补上自动工具测不出来的问题。
  6. 发布无障碍声明,留反馈渠道。

逐项清单见 WCAG 2.1 AA 检查清单,欧盟的要求见欧盟无障碍法案指南。想先看看自己的网站,可以用免费在线检测。

常见问题

为什么不公开品牌名?

这份抽查是为了说明行业的普遍情况,不是点名。品牌方想看自己网站的结果,可以用首页的免费检测自己跑一遍。

自动检测不通过,就等于网站违法吗?

不等于。是否违法由法律和法院判断,我们不做法律结论。自动检测只能发现一部分问题,检测不通过说明网站肯定有障碍;检测通过也不代表完全达标,还需要键盘和读屏软件的人工测试。

能测我自己的网站吗?

可以。首页的在线检测会测首页、商品页和分类页,再加键盘和手机测试,一分钟左右出分。

资料来源

  1. W3C: Web Content Accessibility Guidelines (WCAG) 2.1
  2. Deque: axe-core (GitHub)
  3. EUR-Lex: Directive (EU) 2019/882 (European Accessibility Act)
  4. FTC (April 2025): FTC approves final order requiring accessiBe to pay $1 million

本文整理技术要求和公开数据,不构成法律意见。涉及诉讼和法律义务的问题,请咨询当地律师。