Dlaczego czytnik ekranu nie odczytuje moich pól formularza?

Dlaczego widoczna etykieta nie zawsze się liczy

Czytnik ekranu nie odczyta pola formularza, gdy etykieta wyświetlana na ekranie nie jest programowo powiązana z tym polem — tekst jest widoczny na ekranie, ale w kodzie źródłowym brakuje odwołania, które czytnik ekranu potrzebuje, aby połączyć etykietę z polem. Zwykle dzieje się tak, ponieważ atrybut `for` etykiety nie odpowiada `id` pola wejściowego, etykieta nie otacza pola w strukturze, lub zamiast właściwego elementu etykiety użyto tylko placeholder. Dla oka formularz wygląda całkowicie w porządku; dla czytnika ekranu pole jest bez nazwy.

Ten typ błędu można w dużej mierze wykryć automatycznie: skan sprawdza, czy brakuje elementu etykiety lub nie odwołuje się do właściwego pola, i czy pole ma tylko placeholder zamiast etykiety. Czego skan nie ocenia, to czy tekst etykiety, który się pojawia, rzeczywiście wskazuje, co pyta pole — etykieta z tekstem "pole 1" jest technicznie poprawnie powiązana, ale nie niesie dla użytkownika żadnego znaczenia. Ta ocena pozostaje pracą człowieka, nawet gdy samo powiązanie jest prawidłowe.

Gdzie to znajduje się w WCAG 2.1

To wymóg wynika z WCAG 2.1, struktury oceny, na której EN 301 549 w praktyce się opiera: kryterium 1.3.1 (Info and Relationships) wymaga, aby relacja między etykietą a jej polem była również ustanowiona programowo, a nie tylko widoczna wizualnie, kryterium 4.1.2 (Name, Role, Value) wymaga, aby każdy element formularza miał nazwę, którą można odczytać za pomocą oprogramowania — w tym czytnika ekranu — i kryterium 3.3.2 (Labels or Instructions) wymaga, aby pole w ogóle miało etykietę lub instrukcję. Razem te trzy kryteria determinują, czy pole formularza jest rozpoznawalne i użyteczne dla osoby korzystającej z czytnika ekranu.