Barrierefreiheit
Formular-Labels
Warum es wichtig ist
Screen readers announce a form field by its label. Without one, visitors hear only ‘edit text’ and cannot tell what to type. Placeholder text is not a substitute because it disappears while typing. This is WCAG success criteria 1.3.1 and 4.1.2.
So beheben Sie es
- Add a <label for="field-id"> to every input, select and textarea.
- If the design has no visible label, use a visually hidden label or aria-label.
- Keep placeholders for examples, not instructions.
Bewertung: Ein bestandener Test erhält sein volles Gewicht, eine Warnung die Hälfte, ein Fehler nichts. So funktioniert der SEO-Score