Dodawaj nagłówki do formularzy

Formularze to jeden z najważniejszych elementów strony internetowej — umożliwiają kontakt, zapis na newsletter, rejestrację czy dokonanie zakupu. Aby były dostępne dla wszystkich użytkowników, każde pole formularza powinno być jasno i jednoznacznie opisane.

Każde pole musi mieć widoczną etykietę

Każde pole w formularzu powinno posiadać wyraźną, widoczną nazwę informującą, co należy w nim wpisać (np. „Imię”, „Adres e-mail”, „Numer telefonu”). Opis powinien być umieszczony bezpośrednio przy polu i jednoznacznie z nim powiązany.

Nie należy opierać się wyłącznie na podpowiedziach widocznych wewnątrz pola (tzw. szary tekst w środku). Takie wskazówki znikają po rozpoczęciu wpisywania danych i mogą być trudne do odczytania dla części użytkowników.

Dodatkowe wskazówki powinny być jasne i dostępne

Jeśli pole wymaga konkretnego formatu (np. hasło musi mieć minimum 8 znaków, numer telefonu powinien zawierać kierunkowy), informacja ta powinna być podana w sposób czytelny i zrozumiały — najlepiej bezpośrednio przy polu.

W przypadku błędu komunikat powinien:

• jasno wskazywać, co jest niepoprawne,
• podpowiadać, jak poprawić dane,
• być widoczny i zrozumiały.

Zachowaj logiczną strukturę

W dłuższych formularzach warto:

• dzielić pola na tematyczne sekcje (np. dane osobowe, adres, płatność),
• stosować czytelne nagłówki sekcji,
• zachować naturalną kolejność przechodzenia między polami.

Dlaczego to takie ważne?

Osoby korzystające z czytników ekranu, takich jak NVDA, JAWS czy VoiceOver, poruszają się po formularzu krok po kroku. Jeśli pole nie jest jasno opisane, użytkownik może nie wiedzieć, jakie dane powinien wpisać.

Czytelne, dobrze opisane formularze pomagają nie tylko osobom z niepełnosprawnościami wzroku, ale również seniorom, osobom z trudnościami poznawczymi czy użytkownikom korzystającym z urządzeń mobilnych.

Dostępny formularz to taki, który jest zrozumiały, intuicyjny i możliwy do wypełnienia bez frustracji — przez każdego użytkownika.