label要素
テキストボックスやラジオボタンなどのフォーム部品と、それらのラベル(入力項目や選択肢)を結びつけるための要素。label要素を用いてフォーム部品とラベルを結びつけると、音声読み上げソフトを利用している場合に、どこに何を入力すればよいか、あるいは今どの選択肢が選択されているのかを理解しやすくなる。
また、ラベルの部分をクリックした場合でも、その項目が選択されるため、細かいマウス操作をする必要がなくなり、すべてのユーザーにとって使い勝手が向上する。
label要素を使ったフォーム | |
---|---|
ソースコード (HTMLの場合) |
<input type="checkbox" id="syogaku"> <label for="syogaku">小学生</label> <br> <input type="checkbox" id="chugaku"> <label for="chugaku">中学生</label> <br> <input type="checkbox" id="koko"> <label for="koko">高校生</label> <br> <input type="checkbox" id="daigaku"> <label for="daigaku">大学生</label> <br> |