Missing Form Labels: Accessibility Requirements
TL;DR
Form labels tell screen reader users what each form field is for. Without labels, blind users can't fill out forms. Every input needs a properly associated label.
What This Violation Means
Form labels are text descriptions that identify what information belongs in each form field (like 'Email Address', 'Phone Number', or 'Credit Card Number'). For accessibility, these labels must be programmatically associated with their form inputs using the <label> element and matching for/id attributes. This allows screen readers to announce the label when users focus on the input field, and it makes labels clickable to focus the associated input.
Why Demand Letters Cite This Violation
- Forms are critical website functionality - contact forms, purchase checkouts, account login, newsletter signup
- Without labels, blind users encounter empty form fields with no indication of what information is requested
- Easy to test and demonstrate - screen reader user can show the court they cannot complete forms
- Clear WCAG 2.1 Level AA violation (Success Criteria 1.3.1, 3.3.2, 4.1.2)
- Affects ability to complete essential business transactions
- Extremely common issue - we find label problems on approximately 60% of websites we audit
Real-World Example from Actual Demand Letters
A typical demand letter states: "The website's contact form contains input fields without properly associated labels, making it impossible for screen reader users to determine what information is requested in each field. When tabbing through the form, the screen reader announces only 'edit text' or 'combo box' with no indication of the field's purpose. This violates WCAG Success Criteria 1.3.1 (Info and Relationships), 3.3.2 (Labels or Instructions), and 4.1.2 (Name, Role, Value), preventing users who rely on assistive technology from submitting inquiries or placing orders."
What the Law Says
- Every form input has a label (Success Criterion 4.1.2 - Name, Role, Value)
- Labels are programmatically associated with inputs, not just visually positioned nearby (Success Criterion 1.3.1 - Info and Relationships)
- Labels or instructions are provided when content requires user input (Success Criterion 3.3.2 - Labels or Instructions)
Proper implementation requires:
- Using
Code Examples: Incorrect vs. Correct
❌ Incorrect Implementation
<input type="text" placeholder="Email">
(Placeholder is NOT a label - disappears when user types)
<div>First Name</div>
<input type="text">
(Visual label not programmatically associated)
<input type="text" name="email">
(No label at all - screen reader says "edit text")
<input type="checkbox" id="terms">
I agree to terms
(Text exists but not in <label>, can't click to check box)✓ Correct Implementation
<label for="email">Email Address</label>
<input type="text" id="email" name="email">
(Properly associated - clicking label focuses input)
<label>
First Name
<input type="text" name="fname">
</label>
(Label wraps input - also valid association)
<input type="text" aria-label="Search query" name="q">
(For cases where visible label isn't desired)
<label for="terms">
<input type="checkbox" id="terms">
I agree to the terms and conditions
</label>
(Clickable label for checkbox)How to Fix This Violation
DIY Approach
2. Check if each has a visible
Professional Remediation
We audit all forms using both automated tools and manual screen reader testing. We identify missing labels, improperly associated labels, and ambiguous labels. For complex forms, we implement proper fieldset/legend grouping for radio buttons and checkboxes, add helpful instructions using aria-describedby, and ensure error messages are associated with their fields. For multi-step forms, we implement proper focus management and progress indicators that work with screen readers. Most forms take 30-90 minutes to remediate properly, depending on complexity. We test with NVDA, JAWS, and VoiceOver to ensure cross-platform compatibility.
Cost to Fix
DIY Approach
Free (typically 2-4 hours for small sites, longer for sites with many forms)
Professional Fix
$300-$800 depending on number and complexity of forms (typically included in Basic Fixes package: $750-$1,200)
Full Remediation
$750-$1,200 as part of Basic Fixes, or $2,500-$12,000 for full WCAG remediation
Our Experience Fixing This Violation
Form accessibility is critical because forms represent the primary way users interact with websites - contact forms, checkout processes, account registration, search. We've fixed form labels on hundreds of websites, from simple contact forms to complex multi-step e-commerce checkouts. For Tractor Supply, we remediated their product search filters (which are technically forms) and checkout process, ensuring every field was properly labeled and every error message was associated with its field. For attorney websites, we commonly find contact forms using placeholder text instead of labels - an easy fix but one that completely blocks screen reader users. The challenge with forms is balancing visual design preferences (designers often want minimal labels) with accessibility requirements (every field needs a label). We work with design teams to find solutions that satisfy both requirements, such as floating labels that remain visible after the user starts typing.
Related Accessibility Violations
Legal Disclaimer
This guide provides technical information about website accessibility violations based on our experience remediating WCAG issues. It is not legal advice and should not be relied upon as such. If you have received an ADA demand letter or are facing legal action, consult with an attorney who specializes in ADA defense. Laws regarding digital accessibility vary by jurisdiction and are subject to change. While we provide accurate technical guidance, we make no guarantees about legal compliance or outcomes.
Need Professional Help Fixing This Violation?
Our Houston-based team has 10+ years of experience remediating this exact violation across hundreds of websites. Get a free scan or book a call for a fixed-price quote.
Written by Houston Web Compliance
Our team has over 10 years of hands-on experience fixing website accessibility violations for enterprise e-commerce sites, complex web applications, attorney websites, and businesses nationwide. We've remediated WCAG violations on platforms including React, WordPress, Drupal, HubSpot, and custom applications.
Based in Houston, Texas | Serving businesses nationwide | Learn more about our team