Accessibility
Guidelines

3.3.2 入力項目にラベルまたは説明をつける

コンテンツがユーザーの入力を要求する場合は、ラベル(項目名)または説明文をつける。

クリック範囲や紐付けなどは、適切なマークアップを行い、長文の場合は常に表示させなくても良い。ユーザーが入力をしようとフォーカスした時に読み上げられることが重要。 ただし、placeholderをラベル代わりに使うと、入力中に分からなくなるため避ける。

具体例

  • Good フォームの外にラベルがあり、常に確認することができる。
  • Bad placeholderをラベル代わりにしている。入力中にはラベルが表示されないため、何を入力中なのかわからなくなってしまう。

テスト・チェック方法

  • 企画時
  • デザインレビュー
  • コードレビュー
  • 実装後

参考文献