label-for-references-labelable

HTML Living Standard §4.10.4 によれば、<label> 要素の for 属性はラベル対象のコントロールを指すために用いられ、指定された場合、その値は同じツリー内のラベル付け可能要素 — button、input（ただし type="hidden" を除く）、meter、output、progress、select、textarea — の ID でなければなりません。

ID の存在自体は no-refer-to-non-existent-id ルールが扱います。本ルールは ID が存在し、かつ参照先がラベル付け可能要素以外の場合にのみ発火します。

❌ このルールに適合しない誤ったコードの例

<label for="notaformcontrol">Label</label>
<div id="notaformcontrol">Just a div</div>

✅ このルールに適合する正しいコードの例

<label for="username">Username</label> <input type="text" id="username" />

Interface

{
  "label-for-references-labelable": boolean
}

label 要素の for 属性は、実在するラベル付け可能要素の ID を参照しなければならないことを強制します。

Default Severity

error