Level AWCAG 2.2

3.3.1 エラーの特定

入力エラーが自動検出された場合、エラー箇所が特定され、テキストで説明される。


なぜ重要か

スクリーンリーダー
視覚的な赤枠だけではエラーが検出できません。テキストとARIAでの通知が不可欠。
色覚異常
赤色のエラー表示は色覚異常のある約3億人に伝わらない場合があります。
認知障害
「入力エラーがあります」だけでは何が問題か分からず、修正できません。
モバイル
小さな画面では赤枠が見えにくく、明確なテキストメッセージが重要です。

ライブデモ

エラーの特定方法

汎用的なエラー表示のみ

ペルソナで理解する

高橋さん(28歳)— 全盲

フォーム送信後「エラーがあります」とだけ読み上げられても、どのフィールドが問題か分かりません。具体的なエラーメッセージがフィールドに紐付いていれば、すぐに修正できます。

チェックポイント

参考リンク