资源 · 32
设计可访问的表单和可恢复的错误
引导用户输入、解释错误并保留用户完成任务的进度。
已更新 · 2 min
本指南有助于实现的目标
- 限制字段
- 命名和指南
- 解释错误
- 测试恢复功能
快速检查
- 每个字段都有易于理解的名称吗？
- 输入前是否解释了预期格式？
- 错误是否标识了其所在字段和可能的更正方法？
- 是否保留了有效值？
- 是否可以使用键盘和缩放完成任务？
分步指南
- 1
从任务开始
仅列出完成任务所需的数据以及用户必须理解的步骤。 删除与事务无关的请求。
交付物：表单和字段的最小说明。
- 2
标签和分组
为每个控件添加可见标签，将相关选项分组，并在附近放置帮助信息。 检查阅读顺序和 Tab 键顺序。
交付成果：已测试的结构和标签。
- 3
防止错误
在提交前提供格式示例和状态约束。 不要仅使用颜色来表示某个字段是必填项。
交付成果：说明和输入状态。
- 4
解释每个错误
验证后，发布摘要，将每个问题与其对应的字段关联，并描述如何解决。 保持正确的值和上下文。
交付成果：可纠正的错误场景。
- 5
处理故障
区分输入错误、业务拒绝、超时和服务器故障。 提供下一步操作，而不是假装请求已成功。
交付成果：每个状态的消息和恢复方案。
- 6
测试实际任务
使用键盘、缩放、移动设备和适当的辅助功能重现成功和失败的情况。 评估障碍，修复它们并重新测试。
交付成果：任务完成的证据。
管理指标
| 指标 | 衡量内容 | 首要行动 |
|---|---|---|
| 完整性 | 需要带有标签和帮助的字段 | 修复含义模糊的控件 |
| 错误 | 带有解释和字段链接的失败 | 重写消息 |
| 恢复 | 更正后保留值 | 修复状态管理 |
| 任务 | 使用键盘和缩放完成操作流程 | 消除障碍 |
常见错误
- 使用占位符代替标签
- 仅显示“发生错误”
- 错误后清除整个表单
- 仅使用鼠标测试正常流程
常见问题解答
占位符是否足够？
否。用户输入值时，应始终显示可识别的标签。
错误信息应何时显示？
选择一个合适的时机，并在不造成不必要干扰的情况下解释错误原因和解决方法。
如果服务器发生故障怎么办？
不要声称成功；保留可以保存的内容，并提供易于理解的恢复方案。
官方参考文献
参考文献支持该方法。 请根据您的实际情况调整检查；它们并非认证。 原始参考文献标题和源文档可能使用其他语言。
