Krótka odpowiedź brzmi: tak, pojedyncza etykieta label może obejmować kilka pól naraz, ale wyłącznie wtedy, gdy wszystkie te pola są ze sobą logicznie powiązane i opisują jeden wspólny temat. W praktyce najczęściej spotkasz się z taką sytuacją przy adresie, danych osobowych czy zestawie kryteriów wyszukiwania. Zamiast etykietować każde pole osobno, tworzysz jedną etykietę zbiorczą, która jasno komunikuje, czego dotyczy cała grupa. Pamiętaj jednak, że HTML udostępnia dwa mechanizmy: przypisanie etykiety do jednego pola przez atrybut for oraz opakowanie całej grupy pól w element label. Ten drugi wariant bywa wygodny, lecz wymaga ostrożności, bo nie każda grupa pól zachowuje się potem poprawnie z punktu widzenia dostępności i obsługi klawiaturą.






Jeśli decydujesz się na wspólną etykietę, zadbaj o to, aby była ona umieszczona bezpośrednio przed grupą pól i aby jednoznacznie opisywała cały zbiór. Świetnie sprawdza się to przy polach typu imię i nazwisko, przy adresie składającym się z ulicy, kodu i miasta albo przy zakresie dat. W takich przypadkach jedno opisanie całej sekcji jest czytelniejsze niż powtarzanie tych samych słów przy każdym polu. Pamiętaj też, aby nie łączyć w jedną etykietę pól, które mają różne znaczenia, na przykład imienia i numeru telefonu, bo użytkownik może poczuć się zdezorientowany, https://css-create.pl/ asystująca odczyta mylący opis. Dobrą praktyką jest dodanie krótkiej legendy lub nagłówka grupy, jeśli formularz jest rozbudowany, oraz sprawdzenie, czy kliknięcie w etykietę ustawia fokus na właściwym polu.



Z technicznego punktu widzenia musisz rozróżnić dwa podejścia. Pierwsze polega na tym, że każda etykieta label wskazuje tylko jedno pole przez identyfikator, co jest najbezpieczniejsze i najlepiej wspierane. Drugie to opakowanie kilku kontrolek w jednym elemencie label, co bywa wygodne, ale wiąże się z ryzykiem: niektóre przeglądarki i czytniki ekranu mogą odczytać etykietę wielokrotnie lub pominąć część informacji. Dlatego jeśli zależy ci na pełnej dostępności, stosuj osobną etykietę dla każdego pola, a wspólny opis grupy realizuj przez zestaw pól i nagłówek. Zawsze też testuj formularz z klawiaturą oraz z czytnikiem ekranu, aby upewnić się, że kolejność i opisy są zrozumiałe. Na koniec pamiętaj, że nadmiar etykiet zbiorczych bywa gorszy niż ich brak, więc stosuj je tylko tam, gdzie naprawdę poprawiają czytelność.