選びやすく
accept(MDN, n.d.-a)、capture(MDN, n.d.-b)、写真選択ツール(Android Developers, n.d.)。フォームの使いやすさ。
進捗と失敗
進捗表示(Myers, 1985; Harrison et al., 2010)と進捗インジケーター、再開と再試行。
エラーと安全
インライン検証(W3C, 2023)、サーバーで再検査(OWASP Foundation, n.d.)。
よくある質問
- 制限はいつ伝える?
- 事前と選択直後に。
- ブラウザ検査で十分?
- いいえ、サーバーでも。
出典確認日:2026-10-27
参考文献
- MDN Web Docs. (n.d.-a). <input type="file">. accept・multiple属性です。
- MDN Web Docs. (n.d.-b). HTML attribute: capture. カメラを直接開く属性です。
- OWASP Foundation. (n.d.). File upload cheat sheet. アップロードの安全対策です。
- Android Developers. (n.d.). Photo picker. 権限不要の選択です。
- Myers, B. A. (1985). The importance of percent-done progress indicators for computer-human interfaces. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 11–17). ACM. 進捗表示の研究です。
- Harrison, C., Yeo, Z., & Hudson, S. E. (2010). Faster progress bars: Manipulating perceived duration with visual augmentations. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1545–1548). ACM. 体感時間の実験です。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 3.3.1の基準です。
