概要
フォーム項目の「ラベル」とは、入力欄の横や上にある、そこに何を入力すべきかを説明する目に見えるテキストのことです — 「メールアドレス」「氏名」「電話番号」など。このチェックは、フォーム項目に本物の、正しく紐付けられたラベルがあるかどうかを確認します。プレースホルダーテキストのみに頼っているかどうかとは対照的です(空の項目の中にある、誰かが入力し始めた瞬間に消える薄いグレーのヒントテキストのことです)。
プレースホルダーテキストは、見た目がすっきりして余分なスペースを取らないため、本物のラベルの代わりとしてよく使われますが、技術的には項目が入力されている間ずっと表示され続けるラベルとは異なる、より脆弱なものです。
重要な理由
誰かが項目に入力を始めた瞬間、プレースホルダーのみのテキストは消えます — そのため、一時停止したり、目をそらしたり、中断された後にフォームに戻ってきたりすると、その項目が何のためのものだったかを示す目に見えるリマインダーはもうありません。長いフォームや、ステップごとに入力する遅い接続では、これが本当に避けられるはずのミスにつながります — メールアドレスを間違った項目に入力する、または途中まで進んで本当にわかりにくくなったためにフォームを放棄する、などです。
これは一部のケースだけでなく、すべての訪問者にとってのユーザビリティの問題です — プレースホルダーのみの項目は、本物の永続的なラベルがある項目に比べて単純に正しく使うのが難しく、フォーム内のあらゆる摩擦が、記入を完了する人の数を測定可能なほど減らします。
修正方法
- サイト上の各フォーム項目を確認しましょう — 項目の説明がクリックして入力を始めた瞬間に消える場合、それは本物のラベルではなくプレースホルダーテキストのみを使用しています。
- プレースホルダーテキストに加えて(またはその代わりに)、各項目の上または横に本物の永続的なラベルを追加しましょう。
- ウェブサイトビルダーを使用している場合、ほとんどのフォームツールには項目の設定に「プレースホルダーテキスト」とは別の「ラベル」フィールドがあります — プレースホルダーのみに頼らず、両方を入力しましょう。
- プレースホルダーテキストを使う場合は、項目の唯一の指示としてではなく、短い例のフォーマット(「例:taro@example.com」など)として使いましょう。
- 自分のフォームをゆっくり記入し、各項目の途中で一時停止して、それでも各項目が何を求めているか分かるかどうかを確認してテストしましょう。