axe-core/test/integration/rules/label/label.html

Accessibility engine for automated Web UI testing

<form action="#">
	<input type="hidden" id="na1">
	<input type="image" id="na2">
	<input type="button" id="na3">
	<input type="submit" id="na4">
	<input type="reset" id="na5">
	<input type="text" id="fail1">
	<select id="fail2"></select>
	<textarea id="fail3"></textarea>
	<input type="text" aria-label="label" id="pass1">
	<select aria-label="label" id="pass2"></select>
	<textarea aria-label="label" id="pass3"></textarea>
	<input type="text" aria-labelledby="label" id="pass4">
	<select aria-labelledby="label" id="pass5"></select>
	<textarea aria-labelledby="label" id="pass6"></textarea>
	<div id="label">Label</div>
	<label>Label 	<input type="text" id="pass7"></label>
	<label>Label 	<select id="pass8"></select></label>
	<label>Label 	<textarea id="pass9"></textarea></label>

	<label><input type="text" id="fail4"></label>
	<label><select id="fail5"></select></label>
	<label><textarea id="fail6"></textarea></label>
	<label for="fail7"></label><input type="text" id="fail7">
	<label for="fail8"></label><select id="fail8"></select>
	<label for="fail9"></label><textarea id="fail9"></textarea>
	<label for="fail10"><select id="fail10"><option>Thing</option></select></label>
	<label for="pass10">Label</label><input type="text" id="pass10">
	<label for="pass11">Label</label><select id="pass11"></select>
	<label for="pass12">Label</label><textarea id="pass12"></textarea>

	<input id="pass13" title="Label">
	<select id="pass14" title="Label"></select>
	<textarea id="pass15" title="Label"></textarea>

	<label><label><input type="text" id="fail22"></label></label>
	<label for="fail23">Hi</label><label for="fail23">Foo</label><input type="text" id="fail23">

	<div>
		<label>
			<select id="fail24">
				<option selected="selected">Chosen</option>
				<option>Not Selected</option>
			</select>
		</label>
		<input aria-labelledby="fail24" type="text" id="pass16" />
	</div>

	<div>
		<label for="fail25">
			<select id="fail26">
				<option selected="selected">Chosen</option>
				<option>Not Selected</option>
			</select>
		</label>
		<input type="text" id="fail25" />
	</div>

	</div>
</form>