Form Labels

Ensures all form inputs have associated labels for accessibility.

What is this check?

This check ensures every form input element (like `<input>`, `<textarea>`, `<select>`) has a corresponding `<label>` tag that is programmatically associated with it.

Why is it important?

Labels tell users what information they should provide in a form field. For screen reader users, a properly associated label is read aloud when the input gets focus. It also creates a larger clickable area for all users.

What is the impact?

Missing labels make forms inaccessible to screen reader users and confusing for many others.

Example Implementation

<!-- GOOD -->
<label for="username">Username:</label>
<input type="text" id="username">

<!-- BAD -->
Username: <input type="text">