Level AWCAG 2.2
3.3.1 エラーの特定
入力エラーが自動検出された場合、エラー箇所が特定され、テキストで説明される。
なぜ重要か
スクリーンリーダー
視覚的な赤枠だけではエラーが検出できません。テキストとARIAでの通知が不可欠。
色覚異常
赤色のエラー表示は色覚異常のある約3億人に伝わらない場合があります。
認知障害
「入力エラーがあります」だけでは何が問題か分からず、修正できません。
モバイル
小さな画面では赤枠が見えにくく、明確なテキストメッセージが重要です。
ライブデモ
エラーの特定方法
汎用的なエラー表示のみ
ペルソナで理解する
高橋さん(28歳)— 全盲
フォーム送信後「エラーがあります」とだけ読み上げられても、どのフィールドが問題か分かりません。具体的なエラーメッセージがフィールドに紐付いていれば、すぐに修正できます。