form-control-programmatic-label-present

フォームコントロールはプログラムによるラベルを持つ必要があります

automaticWCAG 1.3.1, 3.3.2, 4.1.2 (A)確度：medium重大度：seriousrobust

フォームコントロールが、<label>、aria-label、aria-labelledby、title、placeholderのいずれかによるプログラムによるラベルを持つことを確認します。

適用範囲：アクセシビリティツリーに含まれる<input>、<select>、<textarea>要素に適用されます。ただし、inputのタイプのうちhidden、submit、reset、button、imageは除きます。これらはラベルではなくvalue属性やalt属性から名前を得るためです。role属性が（既知のロールを指す最初のトークンを大文字と小文字を区別せずに照合して）明示的なARIAウィジェットロールに解決されるコントロールは対象外です。button、checkbox、combobox、listbox、textbox、sliderなどROLE_OWNED_ELSEWHEREに含まれるロールには、それぞれ専用の名前付けのルールがあります。role="presentation"/"none"を指定したコントロールは、タブ移動可能なままでない限り対象外になります。

期待される結果：適用対象の各コントロールが、helpers.getLabelMethodが優先順位に従って解決する仕組みのいずれかによるプログラムによるラベルを持っています。優先順位は、関連付けられた<label>、aria-labelledby、aria-label、title、placeholderの順です。5つのうちどれでもこのルールを満たします。弱いほうの2つが主なラベルとして適切かどうかは別の問題で、form-control-programmatic-label-qualityが扱います。

例

pass

<label for="email">Full name</label>
<input id="email" type="text">

<label for>による関連付けが、入力欄にプログラムによるラベルを与えています。

fail

<input type="text">

<label>もaria-labelもaria-labelledbyもなく、プログラムでフィールドに名前を付けているものが何もありません。