注記 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点てとこですな。
コメント