ラベル
Label
ライブデモ
説明
一言で説明
入力欄が「何の情報を求めているか」を説明する短いテキスト。
いつ使う？
フォーム内のすべての入力要素。アクセシビリティの観点からも必須。
💡 日常の言い方
「入力欄のすぐ上や横にある「お名前」とかの文字」
似ている用語との違い
ラベル vs プレースホルダー
プレースホルダーは入力欄の中に薄く表示されるヒント。ラベルは入力後も常に表示され続ける。
AIへの指示例
各入力欄の上にラベルを配置して。ラベルをクリックすると該当する入力欄にフォーカスが当たるようにして。必須項目には赤い「*」を付けて。