payin商户操作手册

最新内容

让键盘与读屏用户能检查、更正的支付确认页和错误提示

从支付前检查与更正入手,规划错误摘要、焦点去向、异步通知和测试矩阵,区分设计建议、来源要求与尚未验证的实现。

发布: · 本次核验:2026-09-20 · PayIn 编辑资料

适用地区:全球网页产品设计参考;当地无障碍法及支付业务要求须另行确认。

一、先明确防错目标,不把三种保障误写成同时必需

WCAG 2.2 的成功准则 3.3.4 涉及用户的金融交易等重要操作,要求至少满足一种保障:提交可以撤回;检查用户输入并提供更正机会;或者在最终提交前提供检查、确认与更正机制。[3] 这不是要求三个条件同时成立。[3] 所引用的理解文档属于说明性材料,并非额外的规范性要求。[3] 本文选择支付前检查与更正这一设计方向,不讨论链上确认数量或售后退款流程。以下实现方式和文案示例均为编辑建议,未对本站或任何支付产品执行实际测试,也不表示 Payin 已符合 WCAG 或当地法律。项目仍须单独确认适用的无障碍法律、业务规则与评估范围。

二、让确认页成为真正可以检查和修改的步骤

理解文档中的零售订单示例会展示商品、数量、收货地址及付款方式,让用户检查后选择确认或修改。[3] 编辑建议:支付确认页按稳定的阅读顺序展示收款方、购买内容、金额、币种、费用、应付总额和已选付款方式,不把关键信息仅放在图标或悬浮提示里。修改按钮应写明对象,例如“修改付款方式”,避免多个按钮都叫“修改”。返回编辑时保留其他已填内容;完成编辑后重新展示最新摘要,方便用户核对变化。将“返回核对”和“确认付款”明确区分,不能把进入确认页当成用户已授权支付。最终按钮应对应真实发生的操作,而不是笼统的“继续”。

三、错误摘要要指向具体字段和可执行的改法

WAI 表单通知教程建议在表单前列出错误,提供明显的标题,并让每条错误对应字段标签、说明问题、给出更正方法及通向该字段的页内链接。[4] 编辑示例:“账单邮政编码未填写,请输入账单地址对应的邮政编码。”相比“信息有误”,这能让用户知道应检查哪里。摘要之外,在字段附近保留同一问题的说明,不只依靠红色边框。教程说明可使用 aria-describedby 将字段与错误文本关联。[4] 编辑建议:摘要数量应与当前有效错误一致,更正通过后移除旧提示,保留无需修改的信息;错误消息中不要复述完整银行卡号等敏感数据,也不要让用户为了找到问题重新填写整份表单。

四、为每次跳转写清焦点去向

教程将提交出错后把焦点设到首个错误输入框描述为一种有用的处理方式。[4] 编辑建议:根据表单结构制定焦点策略,而不是默认每次重新渲染都回到页面顶部。多项错误时,可以先让用户到达错误摘要;单项错误时,可以直接引导到相关输入框,但这不是对所有页面都适用的统一规则。摘要链接不仅应滚动页面,还应经测试确认键盘焦点到达目标控件。修改完成返回确认页后,应定位到有意义的核对位置,让用户知道自己回到了哪一步。使用键盘逐项检查正向与反向移动、焦点可见性、按钮触发和返回路径,避免用户正在输入时被无关更新抢走焦点。

五、异步状态既要能听见,也不要反复打断

对于页面内动态出现的错误列表,教程介绍了在显著容器上设置 role=alert 的做法;其即时反馈示例使用 aria-live=polite,以较低优先级传达变化而不打断读屏正在执行的任务。[4] 编辑建议:普通处理进度使用温和的状态通知,需要用户处理的阻断错误再考虑更强的提醒。请求尚未返回时写“正在提交付款请求”,不要提前宣布“付款完成”。如果等待超时且无法确定结果,应明确说明“暂时无法确认结果”,提供查询状态的路径,不直接要求再次付款。焦点跳转与动态通知可能同时传达同一消息,因此测试中要记录是否重复播报。用户应能重新找到状态文本,而不是只能听到一次短暂提示。

六、把输入错误、结果未知和成功完成分开表达

教程强调通知应简洁清晰,错误提示应包含容易理解的解决指引,成功消息则用于确认任务完成。[4] 教程也介绍了通过页面主标题和页面标题传达成功或错误的方式。[4] 编辑建议:为四类状态分别写文案——字段不符合要求、服务暂时不可用、请求结果尚未确认、支付结果已经确认。不要把所有服务端失败都归咎于银行卡号,也不要用“失败”掩盖未知状态。确有已确认结果时,再显示对应结果、付款参考编号与下一步操作;提示中的金额和币种应与用户核对过的内容一致。关键消息宜保留在页面中,方便读屏用户再次浏览,不应只出现在几秒后消失的浮层里。

七、用测试矩阵记录真实观察,而不是凭组件名称验收

以下是编辑建议的待执行测试计划,不是测试报告。配置维度至少包含仅键盘操作、桌面读屏与受支持浏览器组合,以及移动端读屏;每种配置都覆盖正常核对、返回修改、单项错误、多项错误、异步拒绝、延迟响应和确认完成。逐格记录焦点到达位置、读出的标签与提示、摘要链接是否可用、有效输入是否保留,以及是否出现重复播报或无声更新。测试记录还应包含操作系统、浏览器和辅助技术版本、预期表现、实际观察及缺陷位置。自动检查可作为补充,但不能代替从进入确认页到更正并完成提交的实际操作。尚未执行的组合应标注“未测试”,不能因为采用了某个属性或组件就宣布通过,更不能据此声称法律合规。

来源与日期

本次核验日期:2026-09-20。来源日期指原页面明确标注的更新时间;未标注不等于本日发布。本文为公开文档研究,未进行真实支付、安全审计或辅助技术合规认证。厂商事实仅归属于被引用厂商;流程建议为编辑综合。

  1. W3C:理解成功准则 3.3.4——错误预防 [3] ↗

    来源日期:2025-09-16(更新);本次核验:2026-09-20

  2. W3C:表单用户通知教程 [4] ↗

    来源日期:2022-06-03(更新);本次核验:2026-09-20

继续阅读最新内容

支付 API 密钥泄露后,怎样完成轮换而不漏掉后台任务? →

支付排障日志如何脱敏,同时保留可调查线索 →

全部操作资料 →