なぜ重要か
タッチ入力は遅く誤りがち(Reyal et al., 2015)。数字キーパッドで誤りが減ります(Parhi et al., 2006)。フォームの使いやすさが変わります。
設定方法
inputmodeとautocomplete(MDN, n.d.-a, n.d.-b; Apple, n.d.; Android Developers, n.d.)で認証コードも自動入力。
Enterキーと自動修正
Enterを「次へ」に、メール欄は自動修正を無効に(WCAG 2.2 1.3.5)、誤りはインライン検証で。
よくある質問
- type=numberは不可?
- 数量には可。
- 自動修正はいつ無効に?
- メールやコードの欄で。
出典確認日:2026-10-27
参考文献
- MDN Web Docs. (n.d.-a). inputmode. 仮想キーボードの指定です。
- MDN Web Docs. (n.d.-b). HTML attribute: autocomplete. 自動入力トークンです。
- Apple. (n.d.). UITextContentType. UIKit documentation. iOSの入力種別です。
- Android Developers. (n.d.). Specify the input method type. inputTypeと実行キーです。
- Reyal, S., Zhai, S., & Kristensson, P. O. (2015). Performance and user experience of touchscreen and gesture keyboards in a lab setting and in the wild. In Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems (pp. 679–688). ACM. タッチ入力の遅さと誤りです。
- Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. 大きなキーで誤り減少です。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 1.3.5入力目的の基準です。
