Level AWCAG 2.2
3.3.2 ラベル又は説明
ユーザー入力を求める場合、ラベルまたは説明が提供されている。
なぜ重要か
スクリーンリーダー
label要素がないとフィールドの目的を読み上げられず、何を入力すべきか分かりません。
認知障害
プレースホルダーは入力開始で消えるため、何を入力中か忘れてしまう場合があります。
運動障害
ラベルをクリックしてフォーカスできるため、小さな入力欄のタップ領域が拡大します。
音声入力
音声操作では可視ラベルを読み上げてフィールドを指定。ラベルがないと操作できません。
ライブデモ
ラベルの有無による違い
プレースホルダーのみ
プレースホルダーのみでは入力を始めるとラベルが消え、何を入力すべきか分からなくなります。スクリーンリーダーにもラベルが伝わりません。
ペルソナで理解する
中村さん（72歳）— 軽度認知障害
入力を始めるとプレースホルダーが消え、何を入力していたか忘れてしまいます。常に見えるラベルがあれば安心して入力を続けられます。