WCAG 2.0解説書

本文へジャンプ

-

入力エラー修正方法の提示:
達成基準 3.3.3 を理解する

3.3.3 入力エラー修正方法の提示: 入力エラーが自動的に発見された場合は、その修正方法が明らかであれば、その方法を利用者に提示する。ただし、セキュリティ又はコンテンツの目的を損なう場合は除く。 (レベルAA)

この達成基準の意図

この達成基準の意図は、可能であれば、利用者が入力エラーを修正するのに適切な修正方法を入手できるようにすることである。

達成基準 3.3.1 は、入力エラー箇所を通知するためのものである。しかし、例えば、認知的な制約のある利用者は、入力エラーの修正方法を理解するのが困難なことがある。視覚障害のある利用者は、入力エラーの修正方法を正確に把握することができないことがある。フォーム送信がうまくいかなかった場合、利用者はエラーが発生したことには気づいていたとしても、そのエラーを修正する方法が分からないために、そのフォームを途中であきらめてしまうかもしれない。

コンテンツ制作者はエラーを説明することができる。又、ユーザーエージェントはウェブコンテンツ技術で特定されたプログラムで判断できる情報に基づいてエラーを説明できる。

達成基準 3.3.3 の具体的なメリット

  • 入力エラーを修正する方法に関する情報を提供することによって、学習障害のある利用者がフォームに問題なく入力できるようになる。そして、全盲の利用者又は視覚に障害のある利用者が、入力エラーの内容及びその修正方法をもっと容易に理解できるようになる。また、運動障害のある利用者は、入力内容を変更せざるを得なくなる回数を減らすことができる。

達成基準3.3.3 の事例

関連リソース

リソースは、情報提供のみを目的としており、推奨を意味するものではない。

(まだ文書化されていない)

達成基準3.3.3 の実装方法及び不適合事例 - 入力エラー修正方法の提示

この節にある番号付の項目は、WCAG ワーキンググループがこの達成基準を満たすのに十分であると判断する実装方法、又は複数の実装方法の組合せを表している。WCAG 2.0 適合要件のすべてが満たされている場合にのみ、次に挙げる実装方法により、この達成基準を満たすことができる。

注記: 2つ以上の状況が適用される場合もある。例えば、必須フィールドが特別なデータフォーマットを要求する場合である。

達成基準を満たすことのできる実装方法

使用法: そのコンテンツに合致する状況を以下から選択すること。それぞれの状況には、WCAG ワーキンググループがその状況において十分であると判断する、番号付の実装方法(又は、実装方法の組合せ)がある。

状況 A: 必須のフィールドに情報が入力されていない場合:

  1. G83: 入力が完了していない必須項目を特定するために、テキストの説明文を提供する

状況 B: フィールドの情報に、特別のデータフォーマットが要求される場合:

  1. G85: 利用者の入力が要求されたフォーマット又は値ではなかった際に、テキストの説明文を提供する

  2. G177: テキストの修正候補を提示する

  3. SCR18: クライアントサイドのバリデーション及びアラートを提供する (Scripting)

  4. SCR32: クライアントサイドのバリデーションを提供し、DOMを介してエラーテキストを追加する (Scripting)

状況 C: 利用者の入力する情報は、複数の限定された値のうちの一つであることが要求される場合:

  1. G84: 利用者が認められた値以外の情報を提供した際に、テキストの説明文を提供する

  2. G177: テキストの修正候補を提示する

  3. SCR18: クライアントサイドのバリデーション及びアラートを提供する (Scripting)

  4. SCR32: クライアントサイドのバリデーションを提供し、DOMを介してエラーテキストを追加する (Scripting)

達成基準 3.3.3 でさらに対応が望まれる実装方法(参考)

適合するためには必須ではないが、コンテンツをよりアクセシブルにするためには、次の付加的な実装方法もあわせて検討するとよい。ただし、すべての状況において、すべての実装方法が使用可能、または効果的であるとは限らない。

  • G139: 利用者がエラー箇所に移動できるようにするメカニズムを提供する

  • エラーメッセージを、ウェブページのその他のテキストと区別しやすくし、容易に理解できるようにする(リンク追加予定)

  • 送信されたフォームが正しいかをサーバーで確認する(リンク追加予定)

  • 必須の情報が入力されない場合に、必須フィールドを識別するだけでなく、正しい情報の説明と事例を提供する(リンク追加予定)

  • フォームフィールドと関連して、各入力エラーを訂正するための提案を繰り返し強調する(リンク追加予定)

  • 提案するリストの各項目から、対応するフォームフィールドへスキップする方法を利用者に提供する(リンク追加予定)

  • 変更の必要のあるフォームフィールドに対して、文脈に沿った追加のヘルプを提供する(リンク追加予定)

  • 様々なフォーマットの入力データを受け付ける(リンク追加予定)

  • G199: データの送信が成功した時は、成功したことを示すフィードバックを提供する

利用者に提案を行う実装方法(参考)

  • 入力エラーの数についての情報を含むテキストの説明、各項目を訂正するための提案、そして、どのように進めるべきかの指示を提供する(リンク追加予定)

  • コンテンツの最初の項目(あるいは最初の項目の一つ)を訂正するための提案を含むテキストの説明を提供する、又は、コンテンツの中でこの情報を強調する(リンク追加予定)

  • エラーを表示し、元のフォームの文脈に沿った提案をする(例えば、フォームのどこに入力エラーがあるかを再表示し、訂正のための提案がハイライトされ、元のフォームとの関連を表示する)(リンク追加予定)

HTMLの実装方法(参考)

  • " 必須のフォームフィールドで最初のテキストとして、データとデータフォーマットについて「正しい事例」を提供する(リンク追加予定)

  • " 正しいテキストを示唆するリンクをフォームフィールドの「近くで」提供するか、正しいテキストを示唆するテキスト自体をウェブページ上のフォームフィールドの「隣に」直接配置する(リンク追加予定)

クライアントサイドのスクリプトの実装方法(参考)

ARIAの実装方法(参考)

達成基準 3.3.3 のよくある不適合事例

以下に挙げるものは、WCAG ワーキンググループが達成基準 3.3.3 に適合していないとみなした、よくある不適合事例である。

(今のところ、文書化されている不適合事例がない)

重要な用語

入力エラー

利用者が提供した情報で、受け付けられないもの。

注記: 以下のものが含まれる:

  1. ウェブページでは必須とされているが、利用者が入力を省略した情報

  2. 利用者が入力したが、要求されたデータ形式あるいは値ではない情報