WCAG 3.3.1: エラーの特定
入力エラーが起きたときに、どの項目で何が問題なのかをテキストで伝え、修正へ進めるようにします。
意図的な失敗例: エラーを色だけで示す
入力エラーの理由がテキストで示されません。
赤い項目は修正が必要です。
確認観点
- 入力エラーが起きた項目、理由、修正方法をテキストで示す
- 色、枠線、アイコンだけに頼らず、エラー内容を項目の近くやエラー一覧で確認できるようにする
- エラー表示が画面読み上げソフトで通知され、対象項目との関係が分かるようにする
人の判断が必要な例
- 未入力、形式違い、文字数超過など代表的なエラーを実際に起こし、説明が具体的か確認する
- エラー箇所へキーボードで移動しやすく、修正後に送信や次の操作へ進めるか確認する
- 画面読み上げソフトでエラー発生、エラー項目、回避方法が読み上げられるか確認する
補助ツール候補
- error-display-details
- error-association
生成メモ
- 支援技術を用いた実検証が必要