Dobre praktyki

Uczynienie formularzy dostępnymi

Etykiety, komunikaty o błędach, nawigacja za pomocą klawiatury: formularze to punkt krytyczny. Oto jak je dobrze wykonać.

Formularze są w centrum ścieżek, które się liczą: rejestracja, kontakt, płatność. Niedostępny formularz bezpośrednio blokuje konwersję.

Czytelne etykiety

Każde pole musi mieć jednoznaczną etykietę, powiązaną programowo. Tekst zastępczy w polu nie wystarcza, ponieważ znika przy wpisywaniu.

Zrozumiałe błędy

Komunikat o błędzie musi wskazywać, którego pola dotyczy i jak go poprawić. Nigdy nie sygnalizować błędu samym kolorem: dodać tekst i, jeśli to możliwe, ikonę.

Wszystko za pomocą klawiatury

Formularz musi być w pełni wypełnialny i zatwierdzalny za pomocą klawiatury, w logicznej kolejności, z widocznym fokusem na każdym etapie.

Pomagać bez zastawiania pułapek

Nie pytać ponownie o już podaną informację, unikać upływających limitów czasu i jednoznacznie potwierdzać wysłanie. Te zasady, wzmocnione przez WCAG 2.2, poprawiają doświadczenie wszystkich.