3.3.2 Etykiety lub instrukcje - poziom A

Wypełniając formularz użytkownik ma od razu wiedzieć, co wpisać lub wybrać i jak zrobić to poprawnie. 

O co chodzi w kryterium 3.3.2 Etykiety lub instrukcje?

Jeżeli na stronie są pola do wpisania, wybory, checkboxy, radio, listy rozwijane – użytkownik powinien mieć widoczne:

• etykietę (czyli nazwę pola: co to jest),
• instrukcję (czyli zasady wypełnienia: jeśli format lub warunki nie są oczywiste).

Najlepiej gdy etykieta i instrukcja są dostępne zanim użytkownik zacznie wypełniać formularz.

Najczęstsze powody niespełnienia kryterium 3.3.2

• Pole jest bez etykiety lub etykieta jest tak ogólna, że nie mówi, co wpisać (np. „Dane”, „Kontakt”, „Treść”).
• Instrukcje pojawiają się dopiero po błędzie, więc użytkownik musi najpierw popełnić błąd, żeby dowiedzieć się, jaki format jest wymagany.
• Wymagania są zakodowane „wizualnie” (np. tylko kolor, tylko gwiazdka bez wyjaśnienia), więc część użytkowników nie rozumie, co jest obowiązkowe i na jakich zasadach.
• Instrukcja jest daleko od pola (np. na górze strony), przez co użytkownik nie łączy jej z konkretnym miejscem w formularzu.

Jak sprawdzić kryterium 3.3.2

ZNajdź formularz i przeanalizuj:

1. Czy każde pole ma etykietę, która mówi, co wpisać?
2. Czy tam, gdzie format jest istotny, instrukcja jest podana przed wpisywaniem?

Jeśli w którymś miejscu musisz się domyślać, co autor miał na myśli, to 3.3.2 nie jest spełnione.

Rekomendacje jak spełnić kryterium 3.3.2

Nadaj każdemu polu jasną etykietę, która mówi jakiej informacji oczekujesz (np. „Adres e-mail”, „Numer telefonu”, „Temat sprawy”). To jest Twoja baza.

Jeśli pole ma wymagany format albo warunki (np. hasło, numer, data), dodaj krótką instrukcję przy polu przed wypełnianiem, np. „Hasło minimum 8 znaków” albo „Wpisz datę w formacie DD-MM-RRRR”.

Jeśli są pola wymagane, opisz to tekstowo w sposób jednoznaczny (np. „Pola wymagane oznaczono *”), tak żeby użytkownik nie musiał polegać na samym kolorze lub ikonie.

Pełny tekst kryterium 3.3.2 Etykiety lub instrukcje

Gdy w treści wymagane jest wprowadzenie danych przez użytkownika, zapewnione są etykiety lub instrukcje.

Źródło: https://www.w3.org/Translations/WCAG21-pl/#etykiety-lub-instrukcje

Chcesz wiedzieć więcej?

• 3.1.1 Język strony - poziom A
• 3.1.2 Język części - poziom AA
• 3.1.3 Nietypowe słowa - poziom AAA
• 3.1.4 Skróty - poziom AAA
• 3.1.5 Poziom umiejętności czytania - poziom AAA
• 3.1.6 Wymowa - poziom AAA
• 3.2.1 Po otrzymaniu fokusu - poziom A
• 3.2.2 Po wprowadzeniu danych - poziom A
• 3.2.3 Spójna nawigacja - poziom AA
• 3.2.4 Spójna identyfikacja - poziom AA
• 3.2.5 Zmiana na żądanie - poziom AAA
• 3.3.1 Identyfikacja błędu - poziom A
• 3.3.2 Etykiety lub instrukcje - poziom A
• 3.3.3 Sugestia korekty błędu - poziom AA
• 3.3.4 Zapobieganie błędom (prawnym, finansowym, w danych) - poziom AA