Zasada 2: Funkcjonalność 2.5 Metody obsługi

2.5.5 Rozmiar celu (rozszerzony)

WCAG 2.5.5 Target Size (Enhanced)

W skrócie

Elementy klikalne mają co najmniej 44 × 44 piksele CSS (z wyjątkami m.in. dla linków w tekście).

Poziom
AAA Najwyższy poziom – dobrowolny, warto go stosować tam, gdzie się da.
Czy to obowiązkowe?
Poziom AAA – dobrowolne
Kto w zespole odpowiada
Projektowanie UX/UI
Jak to wykryć
Częściowo automatyczne

Komu i dlaczego to pomaga

Duże przyciski łatwiej trafić osobom z drżeniem rąk i na ekranach dotykowych.

  • Osoby z niepełnosprawnością ruchową
  • Seniorzy

Jak zrobić to dobrze

  • Projektuj cele co najmniej 44 × 44 px (padding powiększa obszar kliknięcia).

Najczęstsze błędy

  • Małe ikony (16 px) jako jedyny cel kliknięcia.

Jak to sprawdzić

  1. Zmierz obszar klikalny przycisków i ikon w DevTools.

Częściowo automatyczne. Narzędzia wykryją część problemów (np. brak atrybutu), ale ocena jakości wymaga człowieka.

Czy to obowiązkowe?

Powiązane kryteria

2.5.8

Rozmiar celu (minimum)

Poziom AA Nowe w 2.2

Elementy klikalne mają co najmniej 24 × 24 piksele CSS albo są tak rozmieszczone, że wokół każdego mieści się okrąg o średnicy 24 px, nienachodzący na sąsiednie cele. Wyjątki: linki w tekście, elementy natywne przeglądarki.

Ostatnia aktualizacja: .
Źródło: Understanding SC 2.5.5: Target Size (Enhanced) – oficjalne objaśnienie W3C (po angielsku).