顾客旅程

说明怎样把 WCAG 2.2 A 与 AA 作为电商网站的技术基线来读，欧盟《欧洲无障碍法案》对电商服务的适用与生效日期，美国司法部对 ADA 与网站关系的官方口径，并把搜索、筛选、商品选项、购物车、结账与账户逐段对应到本库相应小节，同时写明未做读屏实测。

把业内常见的顾客旅程阶段模型归为营销漏斗、循环式决策旅程、生命周期与增长指标、客户体验生命周期四个谱系，逐个说明代表模型的出处与阶段命名，再比较它们在起点、终点、线性假设、意向与交付阶段上的分歧，并说明数据侧事实上能观察到的阶段。

DTC 用户旅程把经营分为发现、评估、转化、交付、使用、互动与复购七个阶段，给出各阶段的顾客任务、可观察信号与默认采集覆盖，说明四类归并方式，并关联 Shopify 实施内容。

以购前、购买、购后三段为行，把营销漏斗归并后的六段与本站 DTC 用户旅程的七阶段对齐，说明两套分段各自把力气花在哪里、哪些阶段没有对应项，并给出投放团队与运营团队之间的翻译规则。

把营销漏斗谱系内的 AIDA、多段漏斗、TOFU / MOFU / BOFU、RACE 与 See-Think-Do-Care 归并为认知、兴趣、考虑、意向、购买、维系六段，写明每段的归并来源与常用信号，说明段间比率的分子分母与时间窗口口径，以及漏斗适用和不适用的场景。

Cookie 与隐私同意模块如何在首次访问时提供同意横幅与偏好中心，把同意状态作为运行时数据驱动分析与广告脚本的加载，要求接受与拒绝同等显著、撤回入口常驻可达、横幅不遮挡关键路径，并与邮件营销同意区分。

判断何时用 Banner 承载全站通知、活动或状态信息，以及怎样控制层级、篇幅、关闭行为和移动端退化。

Cards 卡片模式何时适合组织可独立理解的摘要、媒体和行动，如何避免整卡点击造成嵌套交互、重复信息，以及把普通有框容器当作 Card。

Carousel 轮播在什么条件下适用、会带来哪些内容发现成本，以及控制按钮、键盘操作、自动播放暂停和零项或单项时的退化要求。

Grid 网格布局何时帮助扫描和比较同类项目，何时造成拥挤、伪等权与移动端重排问题，并说明 DOM 顺序、空状态和大量项目时的处理。

说明 List 如何表达集合、步骤和优先次序，何时选有序或无序列表，以及如何避免过长、重复字段和层级不清。

分析 Masonry 瀑布流对不等高图片等内容的浏览价值，以及视觉与焦点顺序错位、布局移动、难以比较和窄屏退化风险。

说明 Modal 模态对话框何时值得中断页面、如何管理焦点与关闭，以及长内容、嵌套弹窗和不可逆操作带来的风险。

说明主导航、下拉菜单、Mega Menu、移动端抽屉菜单与面包屑的适用边界，依据 W3C APG 与 WAI 教程核对 role=menu 的取舍、hover 与键盘触发、层级深度和面包屑结构。

分析 Overlay 文字叠放在图片或视频上的适用边界、对比度、裁切与文本增长风险，并说明何时应改为 Split 或独立文字区。

电商展现模式选择地图：从空间布局、阅读交互和运动节奏三个维度比较 Grid、Tabs、Carousel、Marquee 等模式的用途与首要风险。

说明 Single Column 单列正文如何支持教程、政策等长文的连续理解，以及怎样控制行长、标题层级、文本放大和目录导航。

说明 Split 图文并置布局如何让媒体与说明互相支撑，以及左右交替、DOM 与视觉顺序、移动端堆叠和图片裁切的风险。

说明 Shopify Analytics 的仪表板、默认报表、自定义探索与 ShopifyQL，梳理会话、购买转化率、平均订单价值等字段的官方口径，归因模型与重置规则，套餐差异，以及与 Web Pixels 和第三方分析工具数字不一致时的排查思路。

说明 Shopify 后台 Customer privacy 设置、营销同意的收集位置与邮件订阅状态、双重确认、Cookie 横幅与 Customer Privacy API 的分工，以及顾客数据访问与删除请求的商家入口，各地区法规差异一律标注需要合规确认。

Shopify 购买旅程：沿浏览、加购、结账、订单与售后定位消费者体验和商家任务，并区分主题、Checkout 与客户账户的扩展位置。

说明 Shopify 后台 Web performance 报告的数据来源、周期与 LCP、INP、CLS 的分级，整理官方对图片、应用脚本与主题代码的性能建议，并把结论对应到滚动显现、吸顶栏、轮播等展现形式的取舍。

比较浏览器标签、服务端 GTM 与 Google tag gateway：按处理位置、维护责任与验证方式选择采集链路，不承诺固定数据恢复比例。

说明 Shopify 店铺语言的添加、发布与删除，Translate & Adapt 应用的定位，可翻译资源，主题 locale 文件与店面内容翻译的分工，语言与 Markets 的关系，以及 hreflang、URL handle 和机器翻译复核的官方说法。

Shopify App Pixel 与 Custom Pixel 的沙箱差异，GTM 能否放进 Pixel，以及如何按同意状态验证事件链，避免混淆运行位置。

Shopify 主题国际化：区分 Storefront locale 与 Schema locale 两类文件、翻译键与商家内容，避免只翻译店面或编辑器一侧。

基于 Dawn v15.3.0 源码，横向整理跳转链接、details 与 summary 的渐进增强、trapFocus 焦点循环与返还、共享描述文本、状态区播报、预测搜索 combobox 与减少动态，并指出焦点集合不更新、正则未转义等问题。

基于 Dawn v15.3.0 源码，整理分区级 CSS 与 JS 按条件引入、非关键样式异步加载、字体预连接与预加载、srcset 与 sizes、首屏图片立即加载与 fetchpriority、视频与 3D 延迟挂载、推荐区提前加载，以及 CartPerformance 埋点和几处失效的优化。

基于 Horizon 4.2.0 源码，整理一组避免强制同步布局的做法：首帧前按需测量页眉高度、从 IntersectionObserver 取得尺寸、变体选择器读写分批、跳过首次回调的 ResizeNotifier、等待过渡的 Scheduler、让出主线程，以及用 CSS 动画合成实现飞入购物车弧线。

基于 Horizon 4.2.0 源码，拆解区块自定义背景色时的服务端对比色推导：调色板最亮与最暗色、contrast-override 的三级文字色回退与边框回退、按亮度切换的透明度令牌、悬停色推导、背景媒体时跳过对比，以及亮度阈值和预设说明与实现不符等问题。

基于 Horizon 4.2.0 源码，拆解多页面主题里的跨文档 View Transitions：按设置输出的 opt-in、等主内容的 render blocking 与 1.8 秒上限、不可能过渡时立即放手、用户交互即跳过、按类型切换动画并跨页传递，以及内嵌 WebView 黑名单与页面内过渡。

解释 WAI-ARIA 提供的角色、状态与属性用来补充而非取代原生语义，区分 ARIA 规范、ARIA in HTML、Using ARIA 与 APG 各自的性质，并依据官方页说明四条 ARIA 使用规则，尤其是能用原生元素就不用 ARIA。

解释美国残疾人法案 ADA 是联邦反歧视法，区分适用于州与地方政府的 Title II 和适用于向公众开放企业的 Title III，转述司法部 ada.gov 对网站的说明与其不具约束力的声明，并指出没有针对企业网站的详细技术标准；不提供法律意见。

解释 CTA 是引导访客执行某个具体动作的页面元素或文案，说明它与按钮、链接、转化率的区别，用 MDN 与 WCAG 的标准说明动作与导航的语义划分，以及多个 CTA 争抢注意力、文案含糊等常见误用。

依据 web.dev 解释 CLS 如何由影响比例与距离比例计算、会话窗口怎样取最大一段、0.1 与 0.25 阈值及第 75 百分位的含义，并说明滚动显现与吸顶栏等展现形式怎样引入偏移。

解释欧洲无障碍法案 EAA 即 Directive (EU) 2019/882 的目的、2025 年 6 月 28 日起适用的电子商务服务范围、微型企业豁免与不成比例负担，并说明它没有点名 WCAG，避免把技术基线当作法条要求；不提供法律意见。

依据欧盟委员会官方页说明 GDPR 的适用对象、个人数据与处理的含义、控制者与处理者、七项原则、合法处理依据、同意的有效条件、个人权利与处罚上限，并写明这些是官方概述而非法条全文，具体合规必须由法务确认。

依据 web.dev 解释 LCP 衡量的是视口内最大图片、视频或文本块的渲染时间，列出候选元素类型、被排除的情形、2.5 秒与 4.0 秒阈值、四个子部分，并说明首屏大图与滚动显现的影响。

解释 WCAG 2.2 的四原则、成功标准编号规则、A、AA、AAA 三个符合级别的含义与整页符合要求，并列出本库展现形式页常引用的成功标准及其官方级别，说明 AAA 不宜作为整站硬性要求。