抽查 20 个中国品牌欧洲站:全部不符合 WCAG 2.1 AA
欧盟无障碍法案从 2025 年 6 月起适用。我们挑了 20 个卖到欧洲的中国品牌独立站,看看它们离 WCAG 2.1 AA 还有多远。
这次抽查覆盖 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 打印机 A | 174 | 112 | 没有 | 文字对比度不足、按钮没有名称 |
| 3D 打印机 B | 33 | 87 | 没有 | 列表结构错误、文字对比度不足 |
| 3D 打印机 C | 43 | 43 | 没有 | 文字对比度不足、链接没有名称 |
| 3D 打印机 D | 10 | 10 | 没有 | 按钮没有名称、文字对比度不足 |
| 个护电器 A | 59 | 15 | 没有 | 链接没有名称、列表结构错误 |
| 个护电器 B | 39 | 20 | 没有 | 文字对比度不足、图片缺描述 |
| 个护电器 C | 26 | 25 | 没有 | 不允许的 ARIA 属性、文字对比度不足 |
| 户外电源 A | 96 | 64 | 装了 | 文字对比度不足、图片缺描述 |
| 户外电源 B | 28 | 105 | 没有 | 文字对比度不足、ARIA 结构错误 |
| 扫地机器人 | 19 | 37 | 没有 | 文字对比度不足、不允许的 ARIA 属性 |
| 数码配件 A | 30 | 48 | 没有 | 文字对比度不足、链接没有名称 |
| 数码配件 B | 21 | 13 | 没有 | 链接没有名称、文字对比度不足 |
| 智能安防 | 29 | 19 | 没有 | 按钮名称与可见文字不一致、不允许的 ARIA 属性 |
| 智能家居 | 56 | 15 | 没有 | 文字对比度不足、按钮没有名称 |
| 智能照明 | 37 | 46 | 没有 | 文字对比度不足、按钮没有名称 |
| 泳装服饰 | 10 | 22 | 没有 | 文字对比度不足、链接没有名称 |
| 激光雕刻机 A | 103 | 87 | 没有 | 文字对比度不足、图片缺描述 |
| 激光雕刻机 B | 31 | 78 | 装了 | 文字对比度不足、链接没有名称 |
| 耳机 | 47 | 79 | 没有 | 图片缺描述、列表结构错误 |
| 音频 | 34 | 36 | 没有 | 文字对比度不足、ARIA 结构错误 |
这些问题对用户意味着什么
对比度不足是唯一一个 20 个站都有的问题,常见于浅灰色的价格、说明文字和按钮。视力不好的用户在手机上、在室外基本看不清,改法是调深颜色,一般只需要改主题的几个颜色变量。
图片缺描述、链接和按钮没有名称,是美国 ADA 诉状里出现最多的几类问题。视障用户用读屏软件时,商品图只会被念成文件名或直接跳过,购物车、搜索、数量加减这类图标按钮只会被念成“按钮”。
按钮名称和可见文字不一致的问题容易被忽视:按钮上写着“Add to cart”,读屏软件念出来的却是另一串文字,用语音控制的用户说出按钮上的字也点不到它。禁止手机缩放则让需要放大文字的用户没法看清页面,改一行 meta 标签就能解决。
装了插件的两个站
20 个站里有 2 个装了“一键无障碍”插件(户外电源 A 和激光雕刻机 B),两个的问题元素分别是 160 个和 109 个,比中位数还高。插件在页面加载后用脚本临时打补丁,源代码里的问题都还在。美国 FTC 在 2025 年要求插件厂商 accessiBe 支付 100 万美元,原因就是它宣称自动工具能让网站符合 WCAG,缺乏依据。详见无障碍插件有用吗。
只有 4 个站能找到无障碍声明
欧盟无障碍法案要求服务提供者说明服务如何满足无障碍要求,网店一般用无障碍声明来披露。这次只有 4 个站在首页能找到无障碍声明或相关链接。写法见无障碍声明模板。
对卖家意味着什么
这些问题大多出在主题模板上,改好模板,几千个商品页会一起变好。建议的顺序是:
- 调整主题里对比度不够的颜色。
- 给图标按钮和图片链接加上名称,修正和可见文字不一致的按钮名称。
- 批量补商品图描述,人工抽检。
- 去掉禁止缩放的设置,给表单加标签。
- 用键盘和读屏软件从首页走到结账,补上自动工具测不出来的问题。
- 发布无障碍声明,留反馈渠道。
逐项清单见 WCAG 2.1 AA 检查清单,欧盟的要求见欧盟无障碍法案指南。想先看看自己的网站,可以用免费在线检测。
常见问题
为什么不公开品牌名?
这份抽查是为了说明行业的普遍情况,不是点名。品牌方想看自己网站的结果,可以用首页的免费检测自己跑一遍。
自动检测不通过,就等于网站违法吗?
不等于。是否违法由法律和法院判断,我们不做法律结论。自动检测只能发现一部分问题,检测不通过说明网站肯定有障碍;检测通过也不代表完全达标,还需要键盘和读屏软件的人工测试。
能测我自己的网站吗?
可以。首页的在线检测会测首页、商品页和分类页,再加键盘和手机测试,一分钟左右出分。
资料来源
- W3C: Web Content Accessibility Guidelines (WCAG) 2.1
- Deque: axe-core (GitHub)
- EUR-Lex: Directive (EU) 2019/882 (European Accessibility Act)
- FTC (April 2025): FTC approves final order requiring accessiBe to pay $1 million
本文整理技术要求和公开数据,不构成法律意见。涉及诉讼和法律义务的问题,请咨询当地律师。