一个关键要素
任何电子商务网站的关键要素在于，所有客户（包括残障人士）都能在该网站上完成购买。如果潜在客户无法导航在线商店的购物车或结账流程，那么网站其余部分的无障碍功能将失去意义。
购物车和购买过程是网站的复杂组成部分。为确保用户获得满意的购物体验，必须保证大量功能对所有用户均可访问。
从技术上讲，结账流程始于离开购物车视图，但由于购物车本身是无障碍设计中的关键环节，因此讨论将从这里开始。
您的购物车需要具备哪些功能？
购物车主要具备以下四个功能：
- 查看购物车中的商品。
- 修改购物车中商品的能力。
- 离开购物车以继续购物的能力。
- 离开购物车以完成购买的能力。
这听起来非常简单，但对于残障人士来说，这些环节可能变得更加复杂。
最常见的问题之一是，购物车要么本身就是基于网页的表单，要么包含此类表单，且需要高效传达大量信息。因此，购物车结合了数据组织中两个较为棘手的方面：表格和表单。若这两种组织方式在设计时未考虑无障碍性，结账流程可能会让残障客户陷入困境。
组织数据表
构建无障碍购物车的基础要求是使用正确组织的数据表，其中列或标题行应包含描述性标题。例如，“产品名称”之后可以是“产品SKU”、“产品描述”、“价格”等。
所有表单输入字段都应明确标注，所有按钮都应具有清晰说明其操作的文本。这些文本必须是机器可读的，这意味着基于图像的按钮需要具有适当的替代文本属性。但是，仅仅遵循这些基本概念并不意味着购物车就是无障碍的。
如果屏幕阅读器用户想要使用表单，通常需要将软件置于表单模式。在此模式下，只有属于表单的元素（如输入字段、标签和字段内容）对用户可用，任何额外的注释、表格标题或产品信息将不可用。
如果您的购物车采用将整个购物车包裹在一个表单中的常见策略，屏幕阅读器用户将需要不断切换模式才能访问非表单内容。由于表单模式不会提示非表单内容的存在，这大大增加了访客错过关键信息的可能性。
对于集成独立表单来处理每项商品变更的购物车，用户无法确定正在操作的是哪一项商品的表单。如果表单没有清晰的标签和字段数据，且购物车组织结构不明确（例如由于用于布局的嵌套表格或非线性的CSS构建），屏幕阅读器用户极有可能编辑错误的商品。
关于表单中AJAX和JavaScript的问题，它们在购物车和购买流程中与在其他上下文中一样。只需确保遵循优雅降级和渐进增强的原则即可。
除了功能性问题外，还必须考虑表单中传达信息的清晰度。例如：标明促销价格时，是否清楚说明了所列价格是折扣前还是折扣后？是否清楚说明了销售和列出的单位类型？应税商品是否有明确标记，并标有税率和税额？如果价格以美元为单位，是否清楚说明了是哪个国家的美元？
所有客户都受益于清晰明确的信息；但对于某些患有学习障碍的客户来说，这一点至关重要。
假设客户已成功导航至购物车，下一步就是结账并完成购买。
结账过程中会发生什么？
• 用户需要审核购买内容。
• 用户需要提供配送和/或支付信息。
• 用户需要收到购买确认信息。
此外，用户可能需要登录账户、注册新账户或提供定制详情。但由于这些并非购买流程的核心部分，登录或注册过程应设为可选。
就无障碍性而言，与任何其他系统一样，流程越精简，访客完成操作的难度就越低。若想避免购物车弃单，就不要要求访客在购物车中花费大量时间。
审核购买内容
购买内容应以表格视图呈现。与购物车类似，商品信息如产品名称和描述、价格、单位和商品总成本等应清晰列出。使用表格正确组织这些信息，将使屏幕阅读器用户能够轻松快速地理解购物车内容。
提供配送和支付信息
• 明确标注必填字段。仅使用颜色或单个星号是不够的，即使是一个带有适当替代文本的星号图像，也比单纯使用未加解释的字符要好。
• 对所有表单字段输入进行标注并显式关联，使非视觉用户更容易知道在哪里输入信息。
• 确保所有表单都可以通过鼠标或键盘提交，只能由鼠标点击触发的按钮对屏幕阅读器用户来说是灾难性的。
• 以清晰的指令显示用户错误，说明需采取的步骤，并明确定义需要重新输入的字段（例如已清除的密码或信用卡号字段）。
确认购买
应在支付批准后立即在屏幕上确认购买，包括提交的总付款金额以及所购商品的回顾。
此外，应发送购买确认的后续跟进邮件。该流程可以轻松实现自动化，且大多数系统都内置了电子邮件功能。然而，如果业务能够支持，提供其他确认方式（例如电话）也是一个不错的选择。
不要忽视客户支持
客户支持是任何成功电子商务企业的关键要素。采取措施帮助残障客户完成购买流程，或为他们提供替代的确认和解决方式，将极大地增强客户对您在线商店的信心。
结论
构建真正以客户友好的结账流程涉及许多步骤。但如果执行得当，这些基本要素可以帮助确保每一位访问商店的潜在客户都能无障碍地使用。