`label-has-control`

label要素にコントロールがない場合に警告します。このルールは、本来の目的を持たない関連付けられていないラベルを見つけるために使用します。

注記

2つ目以降の余分な子孫コントロールの検出は label-no-multiple-controls の役割であり、このルールでは扱いません。for が外部の labelable 要素を参照しているケースも同ルールが扱います。

❌ 間違ったコード例

<label>foo</label><input type="text" />

<h1><label>New</label> Release Note</h1>

✅ 正しいコード例

<label for="bar">foo</label><input type="text" id="bar" />

<label>foo<input type="text" /></label>

<h1><span>New</span> Release Note</h1>

Interface

{
  "label-has-control": boolean
}

warning