注記 1: 明示的なラベルを利用する要素は次の通りである:
input type="text"
input type="checkbox"
input type="radio"
input type="file"
input type="password"
textarea
select注記 2: 次の場合には、
label要素は利用しない。これらの要素に対するラベルは、value属性 (送信ボタン及びリセットボタン)、alt属性 (画像ボタン)、又は要素それ自体の内容 (汎用ボタン) を介して提供されるからである。
送信及びリセットボタン (
input type="submit"又はinput type="reset")画像ボタン (
input type="image")隠しフィールド (
input type="hidden")スクリプトボタン (
button要素又はinput type="button") H44: テキストラベルとフォームコントロールを関連付けるために、label 要素を使用する | WCAG 2.0 達成方法集
これがすべてですな。単純でよろしい。
labelの目的としては、
- 見た目のテキストで意味を伝える
- labelをクリックすることでlabelづけしたコントロールがクリックされたことになるので、クリック範囲が広がり、ユーザーに優しい
の2点てとこですな。

コメント