WCAG 3.3.3: エラー修正の提案
入力エラーが起きたときは、何が間違っているかだけでなく、正しい形式や入力例など次にどう直せばよいかを示します。
意図的な失敗例: 修正提案がない
エラーは分かりますが直し方がありません。
電話番号が正しくありません。
確認観点
- フォーム送信時や入力検証時のエラーメッセージを洗い出す
- 「無効な入力です」だけでなく、正しい形式、入力例、修正候補をテキストで示す
- 全角・半角、ハイフン有無などシステム側で補正できるものはエラーにせず受け入れることを検討する
- 修正候補を提示するとセキュリティ上問題がある場合は、危険な情報を出さない範囲で次の行動を案内する
人の判断が必要な例
- エラー箇所、原因、修正方法が一連の流れとして理解できるか確認する
- 修正候補や「もしかして」リンクがキーボードと支援技術で操作できるか確認する
- 3.3.1のエラー特定に加えて、利用者が迷わず修正できる具体性があるか確認する
補助ツール候補
- error-display-details
- error-association
生成メモ
- 支援技術を用いた実検証が必要
- 時間・セッション・ビジネスルール検証が必要