label要素の書き方2パターン

Webアクセシビリティの

G131: 説明的なラベルを提供する

を検討していて、labelタグの書き方がわからんかったので調べた。

メモ。

label要素は、ラベルとなるテキストと、コントロール部品のどちらもを囲む方法と、 label要素に、for属性に、コントロール部品のid名を指定して関連付ける方法の2つの方法があります。

ラベルと部品を関連付けよう | HTML 入門 | レッスン | CreatorQuest

HTML入門講座17回目は、前回（Chapter16）学習したフォームのコントロール部品と、それに関連するラベルを関連付ける方法を紹介します。label要素を使って、コントロール部品と、ラベルを関連付けることで、ラベルをクリックしたらコントロール部品が選択状態になります。

creatorquest.jp

上記のとおり、2つのやり方があると。

言われてみると前者あったなー。後者しか覚えてなかったわ～。

あざしたー。