This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Forms and error messages: detect, explain, avoid
Every input field needs a label, every error must be named in text, and where possible, a correction suggestion belongs with it. For legally or financially binding entries, you must be able to review or reverse them before submitting.
- The most common mistake is a field with no linked label — often because the placeholder text serves as the label. That disappears while typing: anyone who gets distracted no longer knows what belongs in the field.
- Error messages in red alone miss two criteria: color as the only information, and no text that says what is wrong. A message is required that names the field and describes the problem.
- Since WCAG 2.2, the accessible registration has been added: A registration process shall not require a memory test, Picture puzzles or typing from another app without an alternative do not meet the criterion.
