適用 (対象)
限定された値の入力のみを受け付けるコンテンツ
これは、次の達成基準に関連する達成方法である:
- 達成基準 3.3.1: エラーの特定 (十分な達成方法)
- 達成基準 3.3.3: エラー修正の提案 (十分な達成方法)
- 達成基準 4.1.3: ステータスメッセージを理解する (ARIA19: エラーを特定するために、ARIA role=alert 又はライブリージョン (Live Regions) を使用するの達成方法として十分)
解説
利用者が入力したものがバリデートされ、エラーが検出された場合、利用者がアクセスできる方法でそのエラーの性質を説明する必要がある。一つのアプローチは、利用者がフォームを送信しようとするときに、エラーのあるフィールドを説明したアラートダイアログを提示するものである。もう一つのアプローチは、バリデーションがサーバーサイドで行われる場合、(利用者のデータがフィールドに残っている) フォーム及び、ページの上部にバリデーションで問題があったことを示すテキストの説明を返し、その問題の性質を説明して、問題のあるフィールドを簡単に見つけられる方法を提供するものである。達成基準の「テキストで」の部分は、フィールドのラベルにアスタリスクを付けたり、ラベルのテキストを赤色に変えたりしてエラーがあることを示すだけでは十分でないことを強調している。問題のテキストによる説明を提供すべきである。
入力が許可された値のいずれかでなければならない場合、テキストによる説明によってこの事実を示すべきである。可能であれば、値のリストを含める、又は入力値に最も近い許可値を提案すべきである。
事例
- 利用者がフォームフィールドに無効なデータを入力している。利用者がそのフォームを送信する前に、エラーの性質を説明するアラートダイアログが表示され、利用者はそのエラーを修正することができる。
- 利用者がフォームフィールドに無効なデータを入力して、そのフォームを送信する。サーバーは利用者のデータがそのまま表示された状態でフォームを返し、ページの上部に入力エラーがあったことをテキストで明確に示している。このテキストは、エラーの性質を説明し、どのフィールドに問題があったのかを明確に示しているため、利用者は問題を修正するためにそのフィールドへ簡単に移動できる。
検証
手順
- フォームフィールドに無効なデータを入力する。
- 問題点に関して情報がテキストで提供されていることを確認する。
期待される結果
- 2. の結果が真である。