为何电商是风险最高的垂直领域
两大监管机构,一份由网络零售主导的诉讼案卷。
在美国,ADA 第三章网页无障碍投诉在 2024 年前每年约有 4,300 件联邦立案, 电商与餐厅预订、酒店住宿并列主导案卷。纯线上零售商已无法可靠援引"无实体关联"抗辩—— 多数联邦巡回法院已明确拒绝或绕过该主张,加利福尼亚州《反歧视法》(Unruh Act) 及纽约州《人权法》下的州法院立案量也同步增长。
在欧盟, 《欧洲无障碍法案》 在其适用范围清单第 2(2)(d) 条中明确列入"电商服务"——微型企业豁免条款(员工少于 10 人 或年营业额低于 200 万欧元)覆盖的真实零售商极为有限。拥有仓库、多人团队 或相当规模产品目录的网店均在适用范围内,须符合 EN 301 549, 而该标准引用了 WCAG 2.2 成功准则。
不作为的代价是具体的。美国 ADA 和解金额对初次被告通常在 20,000 至 50,000 美元之间, 被多次起诉的零售商则明显更高;原告律师事务所已形成规模化运作, 一次无障碍声明批量抓取即可触发数十封律师函。在欧盟, EAA 执法正从 2025 年主导的警告函阶段进入 2026 年多个成员国启动的罚款阶段—— 德国、法国、意大利、西班牙和荷兰均已组建执法团队。
好消息是:电商无障碍问题有规律可循。相同的十余种缺陷几乎出现在每次审计中, 且多数可通过设计令牌调整、主题组件修改或一个专项工程冲刺加以修复。 当电商团队询问"从哪里开始"时,我们给出的正是下方这份检查清单。
30 点电商检查清单
六个层面 × 五项检查。打印、勾选,然后审计。
-
01 导航与搜索
-
02 商品列表页(PLP)
-
03 商品详情页(PDP)
-
04 购物车与结账
-
05 账户与购后
-
06 通用要求
逐平台实施说明
检查清单在各平台代码层面的落地位置。
Shopify
主题质量差异显著。Online Store 2.0 主题(Dawn、Sense、Craft、Refresh) 比旧版 Vintage 主题具有明显更好的无障碍基线——语义化标题、快速预览的焦点管理、 默认跳过链接。残存的问题集中在电商特有的 UI 上:规格选择器和颜色色块在选择时 丢失状态、运费计算器 iframe 锁定焦点,以及任何在 DOM 中渲染却不遵循键盘交接的 第三方应用(评价、追加销售、在线客服)。建议先审计主题,再逐一审计已安装的应用。
WooCommerce / WordPress
主题与插件混用的混乱是主要风险来源。WooCommerce 自带模板尚可使用, 但会与并非自行编写的父主题及未经审计的支付插件相互组合。最常见的缺陷是 商品页上 AJAX 驱动的规格选择表单:切换规格时替换 DOM 节点却不播报变更, 价格元素重新渲染时没有 aria-live 锚点。购物车更新存在同样问题—— 迷你购物车在添加商品时静默重新渲染。两者均可通过为动态区域添加 aria-live 解决。
BigCommerce / Salesforce Commerce Cloud
企业级平台默认值更为严格,但定制路径也更为受限。Stencil(BigCommerce) 和 SFRA(Salesforce Commerce Cloud)的店面模板通常由代理商定制实施并加以锁定; 平台自身的无障碍立场远不如代理商的构建质量重要。 应向实施合作伙伴而非平台供应商索取最新的 VPAT 或 EN 301 549 符合性报告。平台达到某一基准;被起诉的是代理商的构建成果。
无头前端 / 自定义 React、Vue 或 Svelte 店面
完全自主意味着完全负责。反复出现的缺陷是:水合不一致导致 SSR 与客户端之间 aria 属性状态不同步;其次是路由切换播报从不触发——因为客户端路由替换页面时 既未重新渲染标题,也未移动焦点。建议搭配框架专用的 live region 工具(参见 现代框架中的 aria-live 区域) 与路由切换时的焦点处理器。根据已参与的多数无头前端审计,仅凭这两项改动即可 修复约 70% 的问题。
监测与审计周期
一次性修复无法在单个冲刺后继续有效。
电商代码每天都在变化。市场团队周二上线主图变体, 选品团队周四调换某个版块,某个应用周末完成更新。 一次性无障碍修复的有效期大约只维持到下次部署—— 这正是实际有效的模型需要三个层次而非单一层次的原因。
第一步,立即对线上网店运行 免费 WCAG 2.2 扫描器以建立基线。 第二步,在每次预览构建和每次生产部署上接入持续自动化监测—— 这一层级能在客户发现问题之前捕获回归。第三步,委托残障测试人员 进行人工审计, 至少每年一次,并在任何重大改版或平台迁移后重复进行—— 自动化工具永远无法捕捉屏幕阅读器的可读性、焦点顺序的设计意图, 或某个流程是否真正可以端到端完成。
关于监测与人工审计的衔接,我们的 监测工具选购指南 涵盖了端到端处理扫描至审计工作流的平台—— Qualibooth、axe Monitor、 Siteimprove 和 Level Access。选型应基于与 CI 的集成适配性, 以及平台的人工审计网络是否真正包含与客户残障类型相符的测试人员—— 并非所有平台都能做到这一点。
常见问题
电商团队在认可投入前会提出的问题。
ADA 是否要求网店具备无障碍功能?
在实践中,答案是肯定的。联邦法院已将 ADA 第三章适用于商业网站逾十年,电商是网页无障碍投诉中占比最大的类别。美国司法部(DOJ)已正式声明,公共便利场所类网站必须具备无障碍功能,且多数裁决认定纯线上零售商无需证明与实体店的"关联性"。未能符合 WCAG 2.1 AA(乃至日益普遍要求的 2.2 AA)的网店面临切实的诉讼风险。
EAA 是否适用于我的电商网站?
若向欧盟销售,几乎可以肯定。《欧洲无障碍法案》(EAA)在第 2(2)(d) 条中明确将"电商服务"列入适用范围。微型企业豁免条款——员工少于 10 人且年营业额低于 200 万欧元——仅覆盖极小规模的运营者。拥有仓库、多名员工或相当规模产品目录的零售商均在适用范围内,须符合 EN 301 549 的要求,而该标准引用了 WCAG 2.1 AA。
电商中最常见的无障碍问题是什么?
几乎每次审计都会发现以下三类问题:价格与促销标签的颜色对比度偏低(品牌红色配白底常低于 4.5:1)、"加入购物车"按钮缺少标签或上下文,以及购物车更新未向辅助技术播报。这些问题均无需重新设计——只需进行设计令牌审计、为卡片按钮添加 aria-label,以及为购物车控件添加 aria-live 区域即可解决。
Shopify 网店能否符合 ADA 合规要求?
Shopify 网店可以实现合规,但平台本身并不保证合规。Online Store 2.0 主题(Dawn、Sense、Craft、Refresh)比旧版 Vintage 主题具有明显更好的无障碍基线——语义化标题、快速预览的焦点管理、默认跳过链接。残存的问题集中在电商特有的 UI 上:规格选择器和颜色色块在选择时丢失状态、运费计算器 iframe 锁定焦点,以及任何在 DOM 中渲染却不遵循键盘交接的第三方应用(评价、追加销售、在线客服)。建议先审计主题,再逐一审计已安装的应用。
电商网站应多久进行一次审计?
自动扫描应在每次部署时运行(合并前或部署后)。由残障测试人员进行的人工审计,对于稳定运营的网店应至少每年委托一次——并在任何重大改版、迁移平台或新结账流程上线后进行。多数电商团队采用季度自动化报告与年度人工审计相结合的模式。
三个后续步骤
选择与团队当前状态最匹配的那一项。
-
立即运行免费扫描器
针对任意公开 URL 运行免费 WCAG 2.2 扫描器。 由 Qualibooth 提供支持,在新标签页中打开。如尚无当前基线,这是最佳起点。
-
下载 30 点检查清单
上方检查清单的可打印 PDF 版本,每条均留有负责人与截止日期填写栏。 即将在后续版本中提供——目前可打印本页。
-
委托人工审计
阅读我们关于委托残障测试人员进行 人工审计 的指南——了解应要求哪些内容、如何预算,以及哪些平台拥有真实测试人员网络, 哪些只是将其外包出去。