Skip to main content

label-has-control

Warns if the label element has no control. This rule is used for finding unassociated labels that don't have original purposes.

note

An excess of descendant controls after the first is label-no-multiple-controls's responsibility, not this rule's — that rule also accounts for the case where for references an external labelable element.

❌ Examples of incorrect code for this rule

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

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

✅ Examples of correct code for this rule

<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
}

Default Severity​

warning