用途：Checkout Flow 是一种多步骤结账流程的 UX 模式，用于帮助团队在减少摩擦的前提下，引导购物者从购物车确认走向支付完成，并保持用户信任，最适用于实体商品购买。当商品、买家与支付状态已经明确时，应改用更简单的购买路径；若用户只需要快速确认步骤，也不应强制套用完整模式；不应用牺牲价格与政策清晰度来换取转化。
适用场景：实体商品购买、数字结账与订阅、访客与回访买家流程。
实施流程：在复制示例前先确认该模式与问题及约束相符；从 references/pattern.md 中的结构与示例入手，选择最小可行变体；在叠加视觉打磨前先应用无障碍、性能与交互护栏；使用测试指南验证键盘、屏幕阅读器、响应式与失败场景下的行为。
无障碍护栏：键盘交互方面，确保仅用键盘即可完成结账流程，模式打开、更新或展示更多 UI 时保持焦点顺序合理，并保留在高倍缩放时仍可读的可见焦点状态；屏幕阅读器方面，优先使用语义元素，仅在语义不足时添加 ARIA，在正确位置以恰当礼貌程度播报错误、加载、完成等状态变化，必要时用 aria-describedby 或结构标题关联标签、提示与状态文本；视觉无障碍方面，不要仅靠颜色传达严重程度、完成或选中状态。
常见错误：一是把信任当作次要 UI，计数、总额、身份与政策往往是用户行动前主要查看的内容，应把信任信号纳入主层级而非小号次要文字；二是过度优化首次点击，激进提示可能增加点击却损害完成质量或长期信任，应衡量包含撤销、退款、报告与隐性不满在内的完整旅程；三是忽视滥用与欺诈路径，创建可见价值后社交与商务界面易被滥用，应把速率限制、授权检查、审核与审计追踪作为模式本身的一部分来规划。
相关模式包括 wizard、shopping cart、form validation。完整实现细节、示例与测试说明见 references/pattern.md，模式页面为 https://uxpatterns.dev/patterns/e-commerce/checkout。