LEARN BY EXAMPLE

3.3.6 誤り防止 (すべて) レベル AAA

情報を送信するすべてのフォームで、取り消し・入力エラーのチェックと修正・確定前の確認のいずれかを用意する。

概要

利用者に情報の送信を求めるウェブページでは、間違った情報を送ってしまうことを防ぐ方法を用意します。送信の取り消し、入力エラーのチェックと修正の機会、確定前の見直し・確認・修正のうち、少なくとも一つを満たします。金銭や契約に関わる送信に限らず、アンケートなども対象です。

アンケートも、送る前に確認して直せる

講座サイトで、次回の講座への希望を伝える場面です。知りたいのは「ウェブページの作り方」でも、違うテーマを選んでしまうことがあります。

利用者が困る例 押すとすぐ確定して、直せない

希望と違うテーマを送ってしまう。
「写真の撮り方」は入力として受け付けられても、本人の希望とは違います。

改善した例 確定前に見直し、戻って修正できる

講座サイト|次回の講座への希望

「ウェブページの作り方」に選び直す練習ができます。

送信内容を確認 → 必要なら戻って修正 → もう一度確認 → 自分で確定

間違いに気づいたら、送信を確定する前に直せる。
入力内容を保ったまま戻り、修正したテーマをもう一度確認できます。

図:同じアンケートの内容を、確定前に見直して修正できるかの比較。困る例は静止図です。改善側の操作はPCやスマートフォンで試せます。ボタンはEnter・Spaceで操作でき、内容は図の中だけで使います。

達成できないと起こる問題の例

手を細かく動かすことが難しい人が、スマートフォンで講座サイトのアンケートに答えています。次回の講座で「ウェブページの作り方」を知りたいのに、誤って「写真の撮り方」を選んでしまいました。

「送信する」を押すとすぐに確定し、内容を見直して修正する機会も、送信を取り消す方法もありません。必須のテーマを選ばなくても送れてしまい、入力エラーをチェックして修正する機会もありません。利用者は、希望と違うテーマを送ってしまいます。

達成するための改善例

同じアンケートに、送信を確定する前の確認を加えます。「知りたいテーマ」を表示し、内容を見直すよう案内します。「入力に戻って修正」を選ぶと、入力済みの内容を保ったまま直せるようにします。

利用者は「写真の撮り方」という内容に気づき、「ウェブページの作り方」に修正して、もう一度確認できます。そのうえで「この内容で送信を確定する」を実行します。PCでもスマートフォンでも、同じ手順で確認と修正ができます。

図では、入力、確認、入力に戻って修正、送信の確定までを試せます。実際のアンケート送信は行いません。

確認のポイント

  • 金銭や契約に関わるフォームだけでなく、アンケートなど、利用者が情報を送信するすべてのフォームを確認していますか。
  • それぞれの送信で、取り消し、入力エラーのチェックと修正の機会、確定前の見直し・確認・修正のうち、少なくとも一つを満たしていますか。
  • チェックする方法を採る場合、エラーを見つけたあと、利用者が修正できる機会もありますか。
  • 確認する方法を採る場合、確定する前に送信内容を見直し、必要な箇所を直して、自分で確認できますか。
  • 複数の画面で入力した場合も、すべての内容を見直して修正できますか。
  • 取り消す方法を採る場合、実際に送信の結果を取り消せますか。

条件と補足

三つの方法は選択肢

取り消しは、送信を取り消せる方法です。チェックは、入力したデータの入力エラーを調べ、利用者に修正の機会を提供する方法です。エラーの通知だけでは、チェックと修正の両方を満たしません。

確認を採る場合は、送信の完了前に、情報の見直し・確認・修正ができる必要があります。内容を表示しても修正できない場合や、送信の確定後に完了画面を表示するだけの場合は、この方法を満たしません。

三つすべてを用意する要件ではありません。扱う送信に合う方法を選び、少なくとも一つを満たします。

確認画面の追加は一つの方法

図は、確定前の見直し・確認・修正を、別の確認画面で行う例です。確認画面を別に作ることが必須という要件ではありません。1画面のフォームでも、確定前に内容を見直すよう案内し、確認・修正できる方法があります。

入力エラーには、必須欄の未入力や、指定された形式・値から外れた入力が含まれます。図の「写真の撮り方」は、入力として受け付けられる内容でも、利用者の希望とは違います。今回の例では、本人が内容を見直して直せる方法を示しています。

3.3.4との違い

3.3.4「誤り防止 (法的、金融、データ)」は、法律行為や金融取引、利用者が制御できる保存データの変更・削除、試験の解答送信が対象です。3.3.6では、利用者が情報を送信する必要のあるすべてのフォームに対象が広がります。

この図は、受講の申し込みや試験の解答ではなく、次回の講座への希望を伝えるアンケートです。AAAでは、このような送信にも誤りを防ぐ方法を用意します。

参照資料

テクニックは達成する方法の例です。出典の最終確認: 2026-11-10。アンケートは、この教材のために作った架空の例です。