Start › Baza wiedzy › Kryterium WCAG

Etykietowanie formularzy według WCAG

Każde pole formularza musi mieć etykietę przypisaną programowo, aby użytkownicy czytników ekranu wiedzieli, co wpisać, a kliknięcie etykiety ustawiało fokus w polu.

Właściwa droga

<label for="email">E-mail</label><input id="email"> — albo umieść pole wewnątrz <label>. aria-label / aria-labelledby tylko wtedy, gdy widoczna etykieta nie jest możliwa.

Dlaczego placeholder nie wystarczy

Placeholder znika podczas wpisywania, często ma zbyt niski kontrast i niektóre czytniki ekranu nie rozpoznają go jako etykiety.

Komunikaty o błędach

Powiąż błąd z polem (aria-describedby) i sformułuj tekst konkretnie („Wpisz prawidłowy adres e-mail”, nie „Błąd”).

Jak pomaga a11yglass

Bezpłatny skan sprawdza dostarczony kod HTML i CSS pod kątem naruszeń WCAG wykrywalnych automatycznie i podaje dla każdego ustalenia kryterium sukcesu oraz konkretne działanie. Wykrywa około 20–35 % problemów i nie zastępuje pełnego audytu.

Czytaj dalej

• Teksty alternatywne według WCAG 1.1.1
• Obsługa klawiaturą według WCAG 2.1.1
• Widoczny fokus według WCAG 2.4.7

Informacja ogólna według najlepszej wiedzy, nie jest poradą prawną. W indywidualnej sprawie należy zwrócić się do kancelarii wyspecjalizowanej w prawie nowych technologii.