跨平台电商 · 概念
电商无障碍与合规基线：WCAG、EAA 与 ADA
说明怎样把 WCAG 2.2 A 与 AA 作为电商网站的技术基线来读，欧盟《欧洲无障碍法案》对电商服务的适用与生效日期，美国司法部对 ADA 与网站关系的官方口径，并把搜索、筛选、商品选项、购物车、结账与账户逐段对应到本库相应小节，同时写明未做读屏实测。
电商无障碍基线回答两个问题：网站在技术上按什么标准做到可用，以及哪些法规可能要求你这样做。技术标准是 W3C 的 WCAG，法规各地不同，两者不能画等号。本文覆盖 WCAG 的基线读法、欧盟与美国两处官方口径，以及电商关键路径与本库各小节的对应；不覆盖其他国家与地区，不覆盖移动 App，也不提供法律意见，任何是否适用、是否合规的判断都需要合规确认。
核心概念
| 概念 | 含义 | 容易混淆的点 |
|---|---|---|
| WCAG 2.2 A 与 AA | W3C 的成功标准集合；AA 要求同时满足全部 A 与 AA 标准 | W3C 写明符合 2.2 的内容同时符合 2.1 与 2.0；不建议把 AAA 作为整站硬性要求，详见术语条目 |
| 符合的范围 | W3C Conformance 页写明：针对完整页面，不能排除页面的一部分；多步骤流程中的所有页面都要达到声明的级别 | 因此“结账页由第三方承担”不能让购买流程作为整体自动符合 |
| ARIA | 补充原生语义的角色、状态与属性 | 能用原生元素就不用 ARIA，详见 ARIA |
| 欧洲无障碍法案 | 欧盟 Directive (EU) 2019/882，对包括电商服务在内的产品与服务提出无障碍要求 | 条文原文没有出现 WCAG 字样，要求以“可感知、可操作、可理解、稳健”表述 |
| ADA | 美国联邦反歧视法 | 司法部指南写明，针对企业（Title III）的网站没有详细技术标准的条例；WCAG 被列为有帮助的现有技术标准，不是该页写明的法定标准 |
| 合规声明与证据 | EAA 要求服务提供者提供说明服务如何满足要求的信息（Annex V） | 与 VPAT 等第三方报告不是同一件事，后者本文未核验其法律效力 |
流程与状态
下表是建立基线的一个典型流程，用于组织工作，不是法规规定的程序。
| 阶段 | 谁触发 | 可留存的证据 |
|---|---|---|
| 定范围与基线 | 产品与合规负责人：确定目标市场、目标版本与级别（如 WCAG 2.2 AA） | 书面的范围与版本决定，以及法规适用的合规确认记录 |
| 按关键路径审计 | 开发与设计：对搜索、筛选、商品选项、购物车、结账、账户逐项检查 | 逐条成功标准的检查记录；键盘与读屏软件的实测记录 |
| 修复与复测 | 开发 | 缺陷清单与复测结果 |
| 对外说明 | 负责人：按适用要求准备无障碍说明与反馈入口 | EAA 适用时按 Annex V 准备的服务说明；ADA 指南也提到提供报告问题的渠道有助于发现问题 |
| 持续复核 | 负责人：改版、换主题、装新应用时重新检查受影响路径 | 每次变更的复核记录 |
顾客能看到的只有结果：路径能否用键盘与辅助技术完成、出错时能否知道问题在哪、遇到障碍时能否联系到人。
WCAG 2.2 A 与 AA 作为基线的读法
基线是产品决定，不是法规原文。W3C 的 WCAG 概览页写明：WCAG 2.2 于 2023 年 10 月 5 日发布，2024 年 12 月 12 日有更新；2.2 新增 9 条成功标准，并使 4.1.1 Parsing 过时；2.0、2.1、2.2 都是现行标准，W3C 鼓励使用最新版本。同页写道，应对 EAA 时多数组织使用 WCAG 与欧洲标准 EN 301 549，且 EN 301 549 的 2026 版使用 WCAG 2.2。这是 W3C 对行业做法的陈述，不是法规条文，本文未读该标准本身。
电商检查里最容易漏的是 2.2 新增或与购买流程直接相关的条目，级别均读自 W3C 的 Understanding 页：
- 3.3.7 Redundant Entry（A）：同一流程中已填写过的信息，不应要求再填，应自动带出或可选择，有例外。
- 3.3.8 Accessible Authentication (Minimum)（AA）：认证的任何一步不应依赖认知功能测试（如记忆密码、解谜），除非提供替代方式、辅助机制或属于识别物体、识别用户自己提供的内容。
- 3.3.4 Error Prevention (Legal, Financial, Data)（AA）：造成法律承诺或金融交易的页面，须提供可撤销、有检查机会或有确认步骤三者之一。
- 1.3.5 Identify Input Purpose（AA）：收集用户信息的字段，其用途可被程序确定，HTML 的
autocomplete属性可以细分到姓名、地址等。
地区与合规
以下核验日期均为 2026-09-29，区分“法规要求”与“行业通用做法”；不构成法律意见。
欧盟（法规要求，适用地区：欧盟成员国，条文标注“与 EEA 相关”）
- 依据：Directive (EU) 2019/882，2019 年 4 月 17 日，官方公报 L 151，2019-06-07 版。
- 适用对象与日期：第 2(2) 条写明，该指令适用于 2025 年 6 月 28 日之后向消费者提供的电子商务服务（e-commerce services）等；第 3(30) 条定义为通过网站与移动设备服务、以电子方式、应消费者个别请求而远程提供、以订立消费者合同为目的的服务。第 31 条要求成员国在 2022 年 6 月 28 日前公布转化措施，自 2025 年 6 月 28 日起适用。序言写明，电子商务服务的无障碍义务适用于任何产品或服务的在线销售。欧盟委员会页面同样写有成员国须在 2022 年 6 月前纳入国内法，并将电子商务列入覆盖范围。
- 要求内容：第 4 条与 Annex I 第三部分要求服务的网站与移动服务以“可感知、可操作、可理解、稳健”的方式无障碍；第四部分对电子商务另列：提供所售产品与服务的无障碍信息（在负责的经营者提供时），以及身份识别、安全与支付功能须满足同样的四项要求。第 13 条与 Annex V 要求服务提供者在一般条款或同等文件中说明服务如何满足要求。Annex II 给出非强制的示例，例如提供图片文字说明、全部功能可用键盘操作。
- 豁免与限度：第 4(5) 条写明提供服务的微型企业免于遵守服务的无障碍要求；微型企业定义为雇员少于 10 人，且年营业额或年资产负债表总额不超过 200 万欧元（第 3 条）。第 14 条允许在导致服务根本性改变或造成不成比例负担时限缩适用，但须做书面评估，并至少每五年重新评估，且并须向主管机关通报所依据的情形（该通报要求不适用于微型企业）。第 2(4) 条排除不由该经营者资助、开发或控制的第三方内容。
- 过渡：第 32 条写明，2025 年 6 月 28 日之前签订的服务合同可在不变更的情况下持续至到期，但最长不超过该日起五年。
- 执法：第 29、30 条要求成员国提供有效的执法手段，并规定有效、相称且具劝阻力的处罚，具体由各国国内法规定。
- 未核验：各成员国国内法的差异与执法实践；欧盟境外卖家向欧盟消费者销售是否落入适用范围；哪份协调标准已在官方公报登载并产生第 15 条的合规推定；指令的后续修订。这些需要合规确认。
美国（适用地区：美国联邦；核验页面为 ADA.gov）
- Web 无障碍指南（页面日期 2022-03-18，页面自称不具法律约束力）写明：ADA 适用于州与地方政府（Title II）和向公众开放的企业（Title III）；司法部一贯认为 ADA 对公共场所经营者的要求适用于其提供的所有商品、服务，包括通过网站提供的；司法部没有规定详细标准的条例，企业在遵守无歧视与有效沟通的一般要求上有灵活性；WCAG 与 Section 508 被列为有帮助的现有技术标准；页面提醒自动检查工具的“干净”报告不等于全部无障碍。
- 页面列举的公共场所示例包括零售店，但仅限于线上销售的企业是否属于 Title III 的“公共场所”，以及具体案件的责任，本文未读页面之外的材料，需要合规确认。
- Title II 网站规则针对州与地方政府，以 WCAG 2.1 AA 为技术标准；页面写明 2026-04-20 的临时最终规则将合规日期延至 2027-04-26（人口 5 万及以上）与 2028-04-26（其余）。它不针对一般企业，不能当作商家的法定标准。
其他地区：未核验，需要合规确认。
电商关键路径与本库对应
每行的 WCAG 标准编号与级别来自被链接页面所引用的 W3C 说明；该页面之外的编辑映射已注明。
| 路径 | 本库小节 | 可核对的要点 |
|---|---|---|
| 搜索 | 站内搜索 | 输入框按 APG combobox 结构与键盘；结果数量用不抢焦点的状态消息（4.1.3，AA）；搜索地标 |
| 筛选与排序 | 集合浏览与筛选、Pagination | 改变筛选不应无预警引发上下文变化（3.2.2，A）；结果数量作状态消息；双滑块须有非拖拽的替代（2.5.7，AA）；焦点留在操作的控件上 |
| 商品选项 | Swatch、购买区 | 原生 radio 加 fieldset 与 legend；选中与不可用不只靠颜色（1.4.1，A）；选中态对比度 3:1（1.4.11，AA）；命中区域 24×24（2.5.8，AA）；标签与错误（3.3.2、3.3.1，A） |
| 购物车 | 购物车摘要、Drawer、Modal | 数量控件有名称；更新后用状态消息告知；模态抽屉的焦点移入、循环、Escape 与关闭后返回；背景 inert；小屏 320 像素下不需二维滚动（1.4.10，AA） |
| 结账 | 本库没有对应模块；平台页面见结账自定义 | 编辑映射：3.3.4 错误预防、3.3.7 重复输入、1.3.5 输入用途、3.3.1 与 3.3.2 |
| 账户与登录 | 本库没有对应模块；平台页面见客户账户 | 编辑映射：3.3.8 无障碍认证，以及登录表单的标签与错误提示 |
选项与购物车的状态提示可参考 Toast，跨模式的选择见展现模式选择地图，商品比较与选型见商品选型。
常见误区
- 把“装了无障碍插件”当作合规：ADA 指南称自动检查工具与覆盖层需要谨慎使用，干净的报告不等于全部无障碍；需要配合人工检查。
- 认为平台负责结账就与自己无关：WCAG 的符合范围包含多步骤流程的全部页面，结账定制、应用与颜色设置仍会影响结果；EAA 是否把责任分配给商家、平台或应用，需要合规确认。
- 只做首页与商品页：关键路径是从搜索到结账的整条流程，中间任一步不可用都会使购买不可完成。
- 把 WCAG 2.2 AA 写成“法规要求”：EAA 条文没有写 WCAG，美国 Title III 页面没有指定标准；把它作为基线是产品决策。
- 用颜色单独传达状态：售罄、选中、错误只靠颜色会违反 1.4.1（A）。
- 发布后不再检查：改版、换主题或新装应用都可能改变焦点、名称与对比度。
各平台落地
目前只写 Shopify：
- 结账自定义：说明结账页各层可改的范围。Shopify 无障碍声明（页面更新于 2025-07-07）写明：用 WCAG 2.2 作为指导，持续测试 WCAG 2.2 AA，并列出 Checkout 生产版本按 WCAG 2.2 A/AA 编写的一致性报告（VPAT），同时写明商家对主题代码拥有完全控制。本文没有读该报告正文，也没有读到各支持程度与商家责任的划分，责任边界标为未核验。由于编辑器允许调整颜色与字体，商家改动可能影响对比度，是否有强制约束未核验。
- 展现形式的选择与无障碍：对应关键路径中模态、抽屉与提示的学习路线。
- Shopify 帮助中心的主题无障碍页说明商家在主题定制时的选择，并写明仅遵循其指引不保证网店完全无障碍；该页列出的具体项目以官方页为准。
与本库其他内容的关系
待继续完善
- 本库没有在读屏软件里实测：所有关键路径小节的键盘与读屏结论来自 W3C、MDN 等官方页面，落到自己的页面时必须用键盘与读屏再验证一次，也需要在真实设备上测试；
- 未读欧盟成员国国内法、执法实践、已登载的协调标准与后续修订；
- 未读美国 Title III 相关判例，其他国家与地区未核验；
- 结账与账户没有对应的本库模块，本文对应的 WCAG 条目属编辑映射；
- Shopify Checkout 一致性报告正文、结账定制对可访问性的影响均未核验。