インライン検証

送信後にまとめて示すと

インライン検証で完了時間が短縮し満足度も向上しました（Wroblewski, 2009）。人はフィードバックで誤りに気づくため（Sellen, 1994）、誤りの横に示します。モバイルフォームの要です。

いつ検証するか

入力中のエラー表示は妨げになります（Bargas-Avila et al., 2007）。欄を離れた時に検証し、修正されたら即座に消します。エラー防止設計と併用します。

良い文言とアクセシビリティ

欄の近くに具体的な直し方を書きます（Krause, 2019; Seckler et al., 2014）。利用者を責めず（Norman, 1983）、WCAG 2.2の3.3.1・3.3.3に従い、色のコントラストも確認します。

よくある質問

毎回の入力で検証すべき？

多くは欄を離れた時で十分です。

成功表示は必要？

ID重複確認など迷う欄には有効です。

出典確認日：2026-10-27

参考文献

1. Wroblewski, L. (2009, September 1). Inline validation in web forms. A List Apart. インライン検証の効果をテストで示した記事です。
2. Bargas-Avila, J. A., Oberholzer, G., Schmutz, P., de Vito, M., & Opwis, K. (2007). Usable error message presentation in the World Wide Web: Do not show errors right away. Interacting with Computers, 19(3), 330–341. 入力中の即時エラー表示は妨げになるという実験です。
3. Seckler, M., Heinz, S., Bargas-Avila, J. A., Opwis, K., & Tuch, A. N. (2014). Designing usable web forms: Empirical evaluation of web form improvement guidelines. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1275–1284). ACM. エラーメッセージを含むフォーム指針の検証です。
4. Krause, R. (2019, February 3). 10 design guidelines for reporting errors in forms. Nielsen Norman Group. フォームエラー表示の10の指針です。
5. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 誤りの特定（3.3.1）と修正提案（3.3.3）の基準です。
6. Norman, D. A. (1983). Design rules based on analyses of human error. Communications of the ACM, 26(4), 254–258. 誤りを設計の問題として捉える古典です。
7. Sellen, A. J. (1994). Detection of everyday errors. Applied Psychology, 43(4), 475–498. フィードバックで誤りに気づく研究です。