Kryterium 3.3.2 – Etykiety lub instrukcje (Poziom A) wymaga, aby każde pole formularza lub interaktywny element zawierał czytelną etykietę lub instrukcję. Dzięki temu użytkownicy wiedzą, co wpisać, wybrać lub zaznaczyć.
To istotne dla wszystkich, a szczególnie dla osób niewidomych, z trudnościami poznawczymi lub tych, którzy korzystają z czytników ekranu.
Co oznaczają „etykiety lub instrukcje”?
To proste opisy przy polach formularzy i innych elementach do wypełnienia.
Etykieta – nazwa pola (np. „Imię”, „Adres e-mail”).
Instrukcja – dodatkowe informacje, np. „Użyj minimum 8 znaków”, „Wprowadź numer telefonu bez spacji”.
Brak etykiet lub niejasne opisy mogą prowadzić do błędów, nieporozumień i frustracji użytkownika.
Jak sprawdzić zgodność z kryterium 3.3.2 bez wiedzy technicznej?
1. Przegląd formularzy
Co zrobić?
-
Otwórz formularz kontaktowy, zamówienia, rejestracji itp.
-
Przejdź po wszystkich polach i przeczytaj ich opisy.
Na co zwrócić uwagę?
-
Czy każde pole ma czytelną etykietę?
-
Czy przy bardziej skomplikowanych polach (np. hasło) znajduje się instrukcja?
-
Czy etykiety nie są zbyt ogólne lub niezrozumiałe?
Przykład błędu:
Pole nazwane „Wartość” – nie wiadomo, czego dotyczy. Lepiej: „Kwota przelewu (PLN)”.
2. Zwróć uwagę na pola obowiązkowe
Co zrobić?
-
Sprawdź, czy obowiązkowe pola są odpowiednio oznaczone (np. tekstem „wymagane”).
-
Upewnij się, że oznaczenie jest jasne także dla osób niewidomych.
Na co zwrócić uwagę?
-
Czy można zrozumieć, które pola są wymagane?
-
Czy jest jasne, co trzeba wpisać?
Przykład błędu:
Pole „Hasło” bez informacji, że ma zawierać cyfry, litery i znaki specjalne – użytkownik nie wie, jaki format jest prawidłowy.
Dlaczego to ważne?
-
Jasne etykiety ułatwiają wypełnianie formularzy wszystkim użytkownikom.
-
Osoby z niepełnosprawnościami, korzystające z technologii asystujących, potrzebują opisów, które są możliwe do odczytania maszynowo.
-
Brak instrukcji zwiększa ryzyko błędów, frustracji i porzucenia formularza.
Dobre praktyki
-
Stosuj etykiety obok lub nad polem, nie jako tekst wewnątrz pola.
-
Dodaj instrukcje, jeśli wpis musi mieć określony format.
-
Wyraźnie zaznacz pola obowiązkowe i upewnij się, że oznaczenia są dostępne dla wszystkich.
-
Zachowuj spójność nazewnictwa i unikaj ogólników.
Podsumowanie
Kryterium 3.3.2 – Etykiety lub instrukcje to podstawa dobrego UX i dostępności formularzy. Pomaga każdemu użytkownikowi zrozumieć, co ma wpisać, zmniejsza liczbę błędów i ułatwia poruszanie się po stronie.
Nie musisz znać programowania – wystarczy używać strony jak zwykły użytkownik i sprawdzić, czy każde pole jest opisane i zrozumiałe.