Zasada 3: Zrozumiałość 3.3 Pomoc przy wprowadzaniu informacji

3.3.2 Etykiety lub instrukcje

WCAG 3.3.2 Labels or Instructions

W skrócie

Pola formularza mają widoczne etykiety, a tam, gdzie trzeba – instrukcje (format daty, pola wymagane).

Poziom: A Podstawowe minimum – bez tego część osób w ogóle nie skorzysta ze strony.
Czy to obowiązkowe?: Wymagane prawem
Kto w zespole odpowiada: Projektowanie UX/UI, Programowanie
Jak to wykryć: Częściowo automatyczne

Wyjaśnienie prostym językiem: Etykieta pola formularza

Komu i dlaczego to pomaga

Placeholder znikający po kliknięciu to nie etykieta – osoby z trudnościami z pamięcią zapominają, co mają wpisać.

Osoby z trudnościami poznawczymi
Osoby niewidome
Osoby słabowidzące

Jak zrobić to dobrze

Stosuj stałe etykiety nad polami, instrukcje formatu w tekście pomocniczym.
Wyjaśnij na początku formularza, co oznacza gwiazdka, albo pisz „(wymagane)”.

Najczęstsze błędy

Pola z samym placeholderem zamiast etykiety.
Brak informacji o wymaganym formacie (np. daty, PESEL).
Pola wymagane oznaczone tylko gwiazdką bez objaśnienia.

Jak to sprawdzić

Przejrzyj formularze – czy każde pole ma widoczną etykietę, a wymagany format jest opisany przed polem?

Częściowo automatyczne. Narzędzia wykryją część problemów (np. brak atrybutu), ale ocena jakości wymaga człowieka.

Czy to obowiązkowe?

Wymagane prawem

Kryterium poziomu A z WCAG 2.1 – obowiązkowe dla podmiotów publicznych (ustawa z 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych) oraz dla firm objętych European Accessibility Act (ustawa o zapewnianiu spełniania wymagań dostępności przez niektóre produkty i usługi). Brak zgodności trzeba wykazać w deklaracji dostępności.

Powiązane kryteria

1.3.1

Informacje i relacje

A Wymagane prawem

Struktura, którą widać na ekranie (nagłówki, listy, tabele, pola formularza z etykietami, grupy), musi być też zapisana w kodzie – tak, żeby czytnik ekranu mógł ją odczytać.

2.4.6

Nagłówki i etykiety

AA Wymagane prawem

Nagłówki i etykiety pól opisują temat lub cel tego, czego dotyczą.

3.3.1

Identyfikacja błędu