Jeśli pole wejściowe nie ma etykiety prawidłowo powiązanej z tym polem, czytnik ekranu nie wie, co użytkownik powinien wpisać. Słyszy wtedy tylko "edycja, puste pole tekstowe" bez wiedzy, czy chodzi o nazwę, adres e-mail czy kod pocztowy. Konsekwencja jest bezpośrednia i konkretna: osoby korzystające z czytnika ekranu lub sterowania głosem nie mogą niezawodnie wypełnić formularza. W formularzu kontaktowym to irytujące, ale w formularzu zamówienia lub rejestracji dotyka to sedna Twojej usługi.
To nie jest ryzyko teoretyczne. EN 301 549, norma, do której odnosi się europejska dyrektywa dostępności, wymaga, aby każde pole formularza miało nazwę, rolę i wartość, które można odczytać za pomocą oprogramowania — w praktyce oznacza to etykietę programowo powiązaną z polem, a nie tylko wizualnie umieszczoną obok niego. Jeśli brakuje tego powiązania, jest to jedno z najczęściej odkrywanych utrudnień podczas badania, właśnie dlatego, że można je łatwo przeoczyć na pierwszy rzut oka.
Co się psuje w praktyce
Najczęstsze sytuacje to atrybut zastępczy używany jako etykieta, która znika, gdy ktoś zaczyna pisać, etykieta, która jest widoczna, ale nie jest powiązana z polem za pomocą atrybutu for, oraz pola wskazane tylko ikoną lub kolorem. We wszystkich trzech przypadkach użytkownik widzący widzi formularz, który działa świetnie. Dla kogoś pracującego z czytnikiem ekranu pole jest praktycznie bez nazwy.
Ponadto pola obowiązkowe są często oznaczane tylko gwiazdką lub czerwonym kolorem. Osoba, która nie postrzega kolorów, pominę takie oznaczenie i dopiero po wysłaniu formularza dostanie komunikat o błędzie — który z kolei nie zostaje jasno powiązany z tym samym rodzajem pól. W ten sposób drobne wady kumulują się, tworząc formularz, którego znaczna część użytkowników po prostu nie może uzupełnić.
Konsekwencje, które odczuwasz
Najbardziej bezpośrednią konsekwencją jest utrata konwersji: odwiedzający, którzy nie mogą wypełnić formularza, rezygnują, kontaktują się przez inny kanał lub przechodzą do konkurencji. Efekt ten nie ogranicza się do osób z niepełnosprawnością wzroku — także osoba automatycznie wypełniająca formularz za pośrednictwem oprogramowania przeglądarki lub technologii wspomagających jest zależna od prawidłowo powiązanych etykiet.
Druga konsekwencja dotyczy twoich zobowiązań wynikających z dyrektywy dostępności. W obowiązkowej deklaracji dostępności wskazujesz, w jakim stopniu twoja usługa spełnia EN 301 549 i jakie wciąż istnieją problemy. Etykiety formularza, które nie są prawidłowe, powinny być wymienione jako znane problemy w tej deklaracji wraz z planem działań i harmonogramem. Jeśli tego nie zrobisz, a problem zostanie ujawniony poprzez skargę lub kontrolę, pytanie będzie nie tylko o to, czy problem istnieje, ale także o to, czy go już wcześniej zidentyfikowałeś.
Trzecia konsekwencja jest mniej widoczna, ale równie istotna: formularz ze słabo powiązanymi etykietami jest często wskaźnikiem szerszych braków w strukturze kodu — ta sama przyczyna pierwotna pojawia się zatem również w komunikatach o błędach, w grupach powiązanych pól i w kroku potwierdzenia. Jeśli znajdziesz to w jednym formularzu, warto jest przejrzeć resztę przepływu zakupów i logowania z taką samą perspektywą.
Co pokazuje, a co nie pokazuje skan
Brakujące lub odłączone etykiety można techniczne dobrze rozpoznać, dlatego zwyczajowo stanowią część tego, co wykrywa automatyczne testowanie. Jednak tutaj obowiązuje również zastrzeżenie, które pojawia się w każdym raporcie axessia: automatyczne skanowanie sprawdza strukturę kodu, ale nie sprawdza, czy sformułowanie etykiety jest rzeczywiście jasne dla użytkownika. Pole, które jest prawidłowo etykietowane technicznie tekstem "pole 3", spełnia wymóg strukturalny, ale nikomu nie pomaga. Ta subtelność jest powodem, dla którego wynik skanowania jest punktem wyjścia, a nie ostatecznym orzeczeniem.
Jeśli chcesz wiedzieć, czy tego rodzaju problemy występują również w twoich formularzach, to bezpłatne szybkie skanowanie twoich najważniejszych stron już pokazuje pierwszą wskazówkę. W przypadku kroku zakupu i środowiska logowania, gdzie formularze są często najbardziej złożone, pełne testowanie przechodzi głębiej; co w tym przypadku jest i nie jest testowane jest przejrzyście podsumowane. Jak to testowanie się dokładnie odbywa i które części mogą być automatycznie sprawdzane, a które nie, przeczytasz w wyjaśnienie dotyczące sposobu działania.
To, czy znalezione wąskie gardło prowadzi do zobowiązań w Twojej sytuacji i w jakim terminie, należy do prawnika lub właściwego organu nadzoru rynku. To, co możesz zrobić sam, to rozpoznać wąskie gardło, zanim skargi lub kontrola zrobią to za Ciebie. W bazie wiedzy opisane jest dla każdego tematu, jakie wymagania muszą spełniać etykiety formularzy i jak możesz to sprawdzić w normalny dzień pracy, bez konieczności bycia technikiem.