スマートフォン向けフォームUIの改善

スマートフォンで入力しにくい問い合わせフォームを想定し、項目の順番、ラベル、入力欄、エラー表示を改善しました。横並びの項目は縦にし、タップしやすい高さと十分な余白を確保しています。

入力例はプレースホルダーだけに頼らず、必要に応じて補足文として残します。エラーは送信後にまとめて出すのではなく、該当項目の近くに具体的な修正方法を表示します。

HTMLの適切なinput typeやautocompleteを使い、端末の入力補助を活用します。Reactで実装する場合も、標準のフォーム動作とアクセシビリティを損なわない設計です。