Etykieta pola formularza
Inne nazwy: label, opis pola, placeholder, podpowiedź w polu
W jednym zdaniu
To opis pola formularza (np. „Imię”, „Numer PESEL”), który jest powiązany z polem tak, żeby czytnik ekranu go odczytał.
Co to znaczy
Sam napis obok pola nie wystarczy – musi być połączony z polem w kodzie. Wtedy czytnik ekranu, wchodząc w pole, powie np. „Numer PESEL, pole edycji”.
Tekst wpisany wewnątrz pola jako podpowiedź (tzw. placeholder) nie zastępuje etykiety – znika po rozpoczęciu pisania i często ma za słaby kontrast.
Przykład z urzędu
W formularzu zgłoszenia awarii pola nie mają etykiet, tylko szary tekst w środku. Po kliknięciu w pole podpowiedź znika i starsza osoba zapomina, co miała wpisać.
Co warto zrobić
- Każde pole formularza musi mieć widoczną etykietę nad lub obok siebie.
- Zaznaczaj pola obowiązkowe słowem „wymagane”, nie tylko gwiazdką czy kolorem.
Powiązane pojęcia
Wymagania WCAG, których to dotyczy
- 3.3.2 Etykiety lub instrukcje poziom A
- 1.3.1 Informacje i relacje poziom A
- 4.1.2 Nazwa, rola, wartość poziom A
Szczegółowe wyjaśnienie, jak to sprawdzić i naprawić, znajdziesz w słowniku kryteriów WCAG.
Wróć do wszystkich pojęć · Ostatnia aktualizacja: