Klikalna etykieta pola wyboru
Wszystkie pola wyboru mają etykiety, ale nie wszystkie używają znaczników etykiet (label).
Utrudnia to użytkownikom zaznaczenie pola wyboru.
Bez tagów etykiet użytkownicy nie mogą kliknąć etykiety, aby zaznaczyć pole wyboru.
Zamiast tego muszą kliknąć to pole wyboru.
Powoduje to zmagania użytkowników, ponieważ pole wyboru jest małym celem,
szczególnie w przypadku użytkowników niedosłyszących.
Kiedy znaczniki etykiet są dodawane do pól wyboru, użytkownicy mogą kliknąć etykietę, aby zaznaczyć to pole.
Etykieta daje im większy cel do trafienia, co prowadzi do mniejszej walki i szybszego zakończenia zadania.
Jest to także bardziej intuicyjne, ponieważ użytkownicy oczekują aktywacji elementu po kliknięciu jego etykiety.
Robią to w menu i przyciskach przez cały czas.
Dostępność czytnika ekranu
Pola wyboru bez znaczników etykiet są niedostępne dla czytników ekranu.
Czytniki ekranu nie potrafią określić, która etykieta należy do którego pole wyboru bazując na samej pozycji.
Powoduje to, że czytnik ekranu odczytuje etykiety i pola wyboru osobno dla użytkowników.
Użytkownicy będą mieć trudności z ustaleniem, która etykieta należy do jakiego pola wyboru.
Jednak po dodaniu znaczników etykiet każde pole wyboru zostanie odczytane użytkownikowi z prawidłową etykietą.
Znaczniki etykiet działają jako kotwica dla wszystkich elementów formularza.
Działają nie tylko dla pól wyboru, ale należy ich używać dla każdego elementu formularza, który ma etykietę.
Dzięki temu użytkownicy mogą aktywować element, klikając etykietę.
Nie trzeba wiele, aby poprawić wygodę użytkownika, gdy wszystko, co musisz zrobić, to dodać krótką linię kodu.
Sprawienie, że Twoje etykiety są klikalne może nie tylko zdziałać cuda dla użytkowników niedosłyszących,
ale także dla każdego użytkownika Twojej witryny.