Vad regeln kontrollerar
Säkerställ att varje formulärelement har en etikett.
Därför spelar det roll
WCAG 1.3.1, 3.3.2 och 4.1.2 kräver att formulärfält har etiketter. Fält för anmälan till nyhetsbrev och sökfält är vanliga bovar.
Så åtgärdar du det
- Ge varje fält ett <label for="field-id">-element, eller åtminstone ett aria-label.
- Enbart platshållartext räknas inte som en etikett.
Så kontrollerar du åtgärden
- Skanna igen och bekräfta att regeln label inte längre underkänns.
- Klicka på varje etikett och kontrollera att den ger fokus till sitt fält.
Så hittar FixReports det
Vår skanning kör axe-core-regeln label i en riktig Chrome-webbläsare på varje sida den testar och rapporterar varje felande element med sida, kod och, där det är relevant, en skärmbild.
Ett automatiskt test bekräftar att just det här problemet finns. Det kan inte avgöra om resten av sidan är tillgänglig: vissa hinder syns först när en människa granskar sidan.