`label-has-control`

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

また、label要素に関連付けられるのは最初のコントロールのみであるため、その後にコントロールがある場合は警告します。

❌ 間違ったコード例

<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