どの入力に何の誤りがあるかを伝える。

05条件と補足

自動で入力エラーが見つかったときの基準

この基準は、フォームなどが入力エラーを自動的に検出した場合に適用します。すべての誤りを自動で検出する機能を付けることまでは、この基準だけでは求めていません。

入力エラーには必須項目の入力忘れや、決められた形式・許可された値に合わない入力が含まれます。例えば、必須の氏名が空なら「氏名が入力されていません」、日付の範囲が決まっているなら「日付が指定できる範囲を超えています」と説明します。

エラーを表示する場所は一つに決まっていない

図では項目の近くに説明を置いています。ほかにも、フォームの先頭にエラーの一覧を置くなどの方法があります。どの方法でも、誤りのある項目を特定し、内容をテキストで説明する必要があります。

誤りの説明と、直し方の提案

3.3.1では、どの項目に何の誤りがあるかを伝えます。「メールアドレスの形式が正しくありません」は、その説明の例です。

「例：taro@example.comの形式で入力してください」のような直し方の提案は、3.3.3「エラー修正の提案」で別に確認します。3.3.3では、修正方法がわかっている場合に提案を伝えます。ただし、伝えるとセキュリティやコンテンツの目的を損なう場合は除きます。両方の基準を満たす説明にすることもできます。

項目との関連付けや、変化の伝わり方も確認する

実際のフォームでは、エラー文と入力欄の関係がスクリーンリーダーにも伝わることや、エラーが発生したことに気づけることも確認します。これらは1.3.1や4.1.3などの関連する基準と併せて扱います。

特定の読み上げ通知の方法を使うことや、エラーの項目へ自動的にフォーカスを移すことが、3.3.1で一律に求められるわけではありません。表示の方法やタイミングに合わせて実装します。

ここで示した改善例は入力エラーの項目と内容をテキストで伝えることについてのものです。フォームやサイト全体のWCAG適合を示すものではありません。