LEARN BY EXAMPLE

3.3.4 誤り防止 (法的、金融、データ) レベル AA

重要な送信は、取り消し・誤りのチェックと修正・確定前の確認のいずれかで守る。

概要

法律行為や金融取引が生じるページ、利用者が制御できる保存データを変更・削除するページ、試験の解答を送信するページでは、誤りを防ぐ仕組みを用意します。送信の取り消し、入力エラーのチェックと修正の機会、確定前の見直し・確認・修正のうち、少なくとも一つを満たします。

人数と金額を見直してから確定する

受講料が1人5,000円の講座に申し込む場面です。希望は1人分でも、誤って2人を選ぶことがあります。

利用者が困る例 見直しも取り消しもできない

誤って選んだ人数のまま、支払いが確定してしまう。
「2人」は有効な値なので、形式のチェックだけでは意図との違いを見つけられません。

改善した例 確定前に確認して、入力へ戻れる

講座サイト|写真入門の申し込み

人数と金額を確認 → 必要なら入力に戻って修正 → 見直した内容で確定

間違いに気づいたら、確定する前に直せる。
入力済みの人数を保ったまま戻り、修正した内容をもう一度確認できます。

図:同じ講座の申込内容を、確定前に確認・修正できるかの比較。問題側は静止図です。改善側のボタンはEnter・Spaceで操作でき、入力はこの図の中だけで使います。実際の申し込みや決済は行いません。

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

手を細かく動かすことが難しい人が、PCで有料のオンライン講座を申し込もうとしています。希望は1人分ですが、人数を選ぶときに誤って「2人」を選びました。

「申し込む」を押すとすぐに受講料10,000円が確定し、内容を見直して修正する画面も、取り消す手段もありません。入力エラーを調べて修正する機会も用意されていません。利用者は人数の間違いに気づけず、意図した5,000円より多い支払いになってしまいます。

達成するための改善例

同じ申込手順に、確定前の確認を加えます。講座名、人数、合計金額をまとめて示し、内容を見直すよう案内します。「入力に戻って修正」を選ぶと、入力済みの内容を保ったまま人数を直せるようにします。

利用者は「2人・10,000円」という内容に気づき、1人に修正してから「1人・5,000円」をもう一度確認できます。そのうえで、自分で確定の操作を行います。

図では、人数の選択、確認、入力へ戻る操作を試せます。確定前の見直し・確認・修正を用意する方法の例であり、すべての対象に別の確認画面を追加することが唯一の方法ではありません。

確認のポイント

  • 法律行為・金融取引、保存データの変更・削除、試験の解答送信に当たるページを把握していますか。
  • 対象の送信には、取り消し、入力エラーのチェックと修正、確定前の見直し・確認・修正のうち、少なくとも一つがありますか。
  • 確認する方法を採る場合、複数の画面で入力した内容も、確定前に見直して修正できますか。
  • 修正のために戻ったとき、ほかの入力内容を失わずにやり直せますか。
  • 取り消す方法を採る場合、実際に処理を戻せますか。連絡先の表示だけで取り消せると判断していませんか。

条件と補足

三つの方法のうち、少なくとも一つ

取り消しは、送信の結果を取り消せる方法です。例えば、誤って削除した記録を復元できる仕組みがあります。

チェックは、利用者が入力したデータの入力エラーを調べ、利用者に修正の機会を提供する方法です。エラーを見つけるだけ、又は知らせるだけでは、この組み合わせを満たしません。

確認は、送信を完了する前に、情報を見直し、確認し、修正できる方法です。内容を読めても修正できない画面や、確定したあとに出る完了画面とは区別します。

この三つすべてが必須という要件ではありません。扱う処理に合う方法で、少なくとも一つを満たします。

どのデータや操作を扱うか

「利用者が制御できるデータ」は、アカウントの連絡先や保存した記録など、利用者が確認し、自分で変更・削除できるデータです。利用者が直接見たり操作したりできないアクセスログなどとは区別します。

公式解説は、ファイルや記録などを失う重大な誤りを防ぐ意図を説明しています。文書の作成・編集や、保存の操作をするたびに確認を求める意図ではありません。すべての入力や送信にこの基準の仕組みを一律に求める説明にはしません。

関連する基準との違い

3.3.1「エラーの特定」は、検出した入力エラーを利用者に知らせることを扱います。3.3.3「エラー修正の提案」は、分かっている修正方法を示すことを扱います。この基準は、重要な送信による影響を防ぐための仕組みを扱います。

図の「2人」は形式としては正しい値です。利用者の意図との違いは自動判定できないため、今回の例では内容を見直して直せる方法を採っています。

参照資料

テクニックは達成する方法の例です。出典の最終確認: 2026-11-09。講座の申し込みは、この教材のために作った架空の例です。