Ensures all form inputs have associated labels for accessibility.
This check ensures every form input element (like `<input>`, `<textarea>`, `<select>`) has a corresponding `<label>` tag that is programmatically associated with it.
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.
Missing labels make forms inaccessible to screen reader users and confusing for many others.
<!-- GOOD -->
<label for="username">Username:</label>
<input type="text" id="username">
<!-- BAD -->
Username: <input type="text">Run a free audit to see how your site performs on Form Labels and 159 other checks.
Start Free AuditChecks for proper use of semantic tags like <main>, <nav>, etc.
Ensures headings (<h1>-<h6>) are logically ordered and not skipping levels.
Checks if all interactive elements are reachable via the Tab key.
Checks for sufficient contrast between text and background colors.