Level AAWCAG 2.2

3.3.3 エラー修正の提案

入力エラーが検出され、修正方法が分かる場合、提案が提示される。


なぜ重要か

認知障害
「無効な入力」だけでは何が間違っているか推測できません。具体的な提案が修正を可能にします。
スクリーンリーダー
修正提案がプログラム的に関連付けられていれば、読み上げで即座に対応できます。
高齢者
テクノロジーに不慣れなユーザーに「@を含めてください」のような具体的な指示が有効。
すべてのユーザー
具体的なエラー提案は、フォーム完了率を最大50%向上させるという調査結果も。

ライブデモ

エラー修正の提案

曖昧なエラー表示

ペルソナで理解する

木村さん(19歳)— 学習障害(ディスレクシア)

メールアドレスのスペルを間違えやすいですが、「@が含まれていません」と具体的に教えてもらえれば自分で修正できます。「無効」とだけ言われると何度も間違えて諦めてしまいます。

チェックポイント

参考リンク