Hvad denne regel tjekker
Sørg for, at hvert formularelement har en label.
Hvorfor det er vigtigt
WCAG 1.3.1, 3.3.2 og 4.1.2 kræver, at formularfelter har labels. Felter til tilmelding til nyhedsbrev og søgefelter er typiske syndere.
Sådan retter du det
- Giv hvert felt et <label for="field-id">-element eller som minimum en aria-label.
- Pladsholdertekst alene tæller ikke som en label.
Sådan tjekker du rettelsen
- Scan igen, og bekræft, at reglen label ikke længere fejler.
- Klik på hver label, og tjek, at den sætter fokus på sit felt.
Sådan finder FixReports det
Vores scanning kører axe-core-reglen label i en rigtig Chrome-browser på hver side, den tester, og rapporterer hvert element, der fejler, med siden, markuppen og, hvor det er relevant, et skærmbillede.
En automatisk test bekræfter, at netop dette problem findes. Den kan ikke afgøre, om resten af siden er tilgængelig: nogle barrierer viser sig først, når et menneske tjekker siden.