# <form>-Elemente müssen eine Beschriftung haben

<https://www.fixreports.com/de/issues/label>

WCAG 4.1.2 Name, Rolle, Wert · Stufe A

Manche Formularfelder haben kein Label, daher wissen Screenreader-Nutzer nicht, was sie eingeben sollen.

## Was diese Regel prüft
Stellt sicher, dass jedes <form>-Element über eine Beschriftung verfügt.

## Warum das wichtig ist
WCAG 1.3.1, 3.3.2 und 4.1.2 verlangen Labels für Formularfelder. Häufige Verursacher sind die Felder für Newsletter-Anmeldung und Suche.

## So beheben Sie es
### Auf jeder Website
1. Geben Sie jedem Feld ein Element <label for="field-id"> oder mindestens ein aria-label.
2. Platzhaltertext allein zählt nicht als Label.

### In Shopify
1. Geben Sie jedem Feld ein Element <label for="field-id"> oder mindestens ein aria-label.
2. Platzhaltertext allein zählt nicht als Label.

### In WooCommerce und WordPress
1. Geben Sie jedem Feld ein Element <label for="field-id"> oder mindestens ein aria-label.
2. Platzhaltertext allein zählt nicht als Label.

## So prüfen Sie die Korrektur
- Scannen Sie erneut und prüfen Sie, dass die Regel label nicht mehr fehlschlägt.
- Klicken Sie auf jedes Label und prüfen Sie, ob es sein Feld fokussiert.

## Quellen
- Dokumentation der axe-core-Regel (Deque): https://dequeuniversity.com/rules/axe/4.13/label
- Erläuterungen zu WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value