Cel kryterium – o co chodzi?
Kryterium 2.5.8 wymaga, aby wszystkie klikalne elementy (przyciski, linki, ikony, checkboxy itp.) miały co najmniej 24 × 24 px powierzchni aktywnej. Dzięki temu można je wygodnie kliknąć – palcem, myszką, rysikiem lub przy pomocy technologii asystujących.
Kluczowe punkty:
-
Minimalny rozmiar: każdy element interaktywny musi mieć aktywny obszar min. 24 × 24 px.
-
Dotyczy telefonu i desktopu: zbyt małe klikacze to problem dla osób starszych, osób z ograniczeniami ruchowymi oraz… zwykłych użytkowników na smartfonach.
-
Można powiększyć tylko hit-area: samą ikonę można zostawić małą – ważne, aby obszar klikalny miał min. 24 px.
-
Wyjątek: jeśli element jest w menu, liście lub tabeli, gdzie odstępy są naturalnie duże – może być mniejszy, o ile odstępy zachowają bezpieczeństwo kliknięcia.
Przykłady:
Poprawnie: mała ikona ma ustawiony padding, który daje 24×24 px hit-area.
Błędnie: ikonka 12×12 px bez odstępów – trudno trafić, szczególnie na telefonie.
Czy wiesz, że?
Badania UX pokazują, że komfortowy klik na ekranie dotykowym zaczyna się od ok. 10 mm, czyli właśnie ~24 px przy standardowej gęstości ekranu. Zbyt małe cele powodują błędy, frustrację i przypadkowe kliknięcia.
