Co sprawdza ta reguła
Każdy element formularza ma etykietę.
Dlaczego to ważne
WCAG 1.3.1, 3.3.2 i 4.1.2 wymagają, aby pola formularzy miały etykiety. Najczęściej dotyczy to pól zapisu do newslettera i pól wyszukiwania.
Jak to naprawić
- Nadaj każdemu polu element <label for="field-id"> albo przynajmniej atrybut aria-label.
- Sam tekst zastępczy (placeholder) nie jest etykietą.
Jak sprawdzić poprawkę
- Przeskanuj ponownie i potwierdź, że reguła label jest już spełniona.
- Kliknij każdą etykietę i sprawdź, czy przenosi fokus do swojego pola.
Jak FixReports to wykrywa
Nasz skan uruchamia regułę axe-core label w prawdziwej przeglądarce Chrome na każdej testowanej stronie i zgłasza każdy błędny element wraz z podstroną, jego kodem HTML i, tam gdzie ma to zastosowanie, zrzutem ekranu.
Test automatyczny potwierdza, że ten konkretny problem występuje. Nie rozstrzyga, czy reszta strony jest dostępna: niektóre bariery wychodzą na jaw dopiero wtedy, gdy stronę sprawdzi człowiek.