Missing or incorrectly associated form labels
Form fields on your site do not have a correctly associated <label> tag. Screen reader users do not know what each field corresponds to.
Why it matters
WCAG criterion 1.3.1 (level A). Forms without labels are inaccessible for users of assistive technologies. This also affects elderly people and keyboard-only users.
How to fix
- 1
Label/input association by id
html<!-- Recommended method: explicit label --> <label for="email">Adresse email</label> <input type="email" id="email" name="email" required> <!-- Alternative method: nested label --> <label> Adresse email <input type="email" name="email" required> </label> - 2
For fields with placeholder only
html<!-- BAD: placeholder alone is not an accessible label --> <input type="text" placeholder="Votre nom"> <!-- CORRECT: visible label + placeholder --> <label for="nom">Votre nom</label> <input type="text" id="nom" placeholder="Ex: Marie Dupont"> - 3
Via Contact Form 7 or Gravity Forms
These plugins automatically add labels if you use their standard shortcodes. Check custom templates and form builders that may remove labels.
Ready to fix this issue on your site?
Audit my site for free →