Best practices

Making your forms accessible

Labels, error messages, keyboard navigation: forms are a critical point. Here is how to get them right.

Forms are at the heart of the journeys that matter: sign-up, contact, payment. An inaccessible form directly blocks a conversion.

Clear labels

Every field must have an explicit label, programmatically associated. Placeholder text is not enough, because it disappears on input.

Understandable errors

An error message must indicate which field is concerned and how to fix it. Never signal an error by colour alone: add text and, if possible, an icon.

Everything by keyboard

The form must be fillable and submittable entirely by keyboard, in a logical order, with a visible focus at each step.

Help without trapping

Do not ask again for information already provided, avoid expiring time limits, and confirm submission clearly. These principles, strengthened by WCAG 2.2, improve the experience for everyone.