H44 label要素を使用する が適用になるかの判断基準 | クズリーマンのカス備忘録

H44 label要素を使用する が適用になるかの判断基準

accessibility-logo Webアクセシビリティ
スポンサーリンク

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

 

コメント

タイトルとURLをコピーしました