Form Labelling

Every form field needs a visible, persistent label that is programmatically associated with the input. This is the single most common accessibility failure on the web — and the easiest to fix.

Core Rules

Every Input Has a Visible Label

• Use element with for/id association
• The label must be visible at all times — not just as placeholder text that disappears on focus
• Labels go above the input (most accessible and most scannable)
• Never use placeholder text as the only label — it disappears when the user starts typing