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