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
- Geben Sie jedem Feld ein Element <label for="field-id"> oder mindestens ein aria-label.
- 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.
So findet FixReports das Problem
Unser Scan führt die axe-core-Regel label in einem echten Chrome-Browser auf jeder getesteten Seite aus und meldet jedes fehlerhafte Element mit seiner Seite, seinem Markup und, wo zutreffend, einem Screenshot.
Ein automatisierter Test bestätigt, dass genau dieses Problem vorliegt. Ob der Rest der Seite barrierefrei ist, kann er nicht beurteilen: Manche Barrieren zeigen sich erst, wenn ein Mensch die Seite prüft.