WCAG 3.3.2 · Level A
How do I label form fields accessibly?
Every input needs a visible, programmatically associated label (WCAG 3.3.2, Level A). Placeholder text is not a label — it disappears on typing. Connect each label to its field so assistive tech announces it.
What it is
Form labels are the persistent text that names each input and is linked to it.
Why it matters
Without a real label, screen reader users don't know what a field is for, and everyone loses the prompt once they start typing into a placeholder.
How to fix it
- 01Give every field a visible label, not just a placeholder.
- 02Associate the label with the field so it's announced on focus.
- 03Keep required-field and error information in text, not color alone.
How Aulys catches it
Aulys flags inputs in your design that rely on placeholders or have no associated label.
Scan your first frame free