2.5.5
Rozmiar celu (rozszerzony)
Elementy klikalne mają co najmniej 44 × 44 piksele CSS (z wyjątkami m.in. dla linków w tekście).
Zasada 2: Funkcjonalność 2.5 Metody obsługi
2.5.8 Rozmiar celu (minimum)
WCAG 2.5.8 Target Size (Minimum)
W skrócie
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.
- Poziom
- AA Standard, którego wymaga prawo – usuwa najczęstsze bariery.
- Czy to obowiązkowe?
- Nowe w WCAG 2.2 – zalecane · od WCAG 2.2
- Kto w zespole odpowiada
- Projektowanie UX/UI, Programowanie
- Jak to wykryć
- Częściowo automatyczne
Wyjaśnienie prostym językiem: Rozmiar przycisków i linków
Komu i dlaczego to pomaga
Małe, stłoczone przyciski to częsta przyczyna pomyłek u osób z drżeniem rąk, seniorów i wszystkich na telefonie.
- Osoby z niepełnosprawnością ruchową
- Seniorzy
- Osoby słabowidzące
Jak zrobić to dobrze
- Zwiększ padding elementów klikalnych do min. 24 × 24 px (lepiej 44 × 44).
- Zostaw odstępy między sąsiednimi małymi celami.
Najczęstsze błędy
- Ikony mediów społecznościowych 16 × 16 px ułożone tuż obok siebie.
- Małe „X” zamykające okna.
- Paginacja z numerami stron ściśniętymi bez odstępów.
Jak to sprawdzić
- Zmierz w DevTools rozmiar małych przycisków i ikon oraz odstępy między nimi.
Częściowo automatyczne. Narzędzia wykryją część problemów (np. brak atrybutu), ale ocena jakości wymaga człowieka.
Czy to obowiązkowe?
Nowe w WCAG 2.2 – zalecane
Polskie prawo odsyła dziś do WCAG 2.1 (przez normę EN 301 549), więc to kryterium nie jest jeszcze formalnie obowiązkowe. Kolejne wydania normy mają jednak objąć WCAG 2.2, a kryterium opisuje realną barierę – warto spełnić je już teraz.
Powiązane kryteria
Ostatnia aktualizacja: .
Źródło: Understanding SC 2.5.8: Target Size (Minimum) – oficjalne objaśnienie W3C (po angielsku).