Rozmiar celu (rozszerzony)

Czego wymaga

Każdy interaktywny cel musi zajmować obszar klikalny o wymiarach co najmniej 44×44 CSS pikseli. Stosują się te same wyjątki co w kryterium 2.5.8 na poziomie AA: dostępny równoważny cel, tekst inline, element sterujący klienta użytkownika, niezbędność oraz zgodność.

Wartość 44×44 to liczba, na której zbiegają się Apple, Google i Microsoft we własnych wytycznych projektowych, więc spełnienie tego kryterium zazwyczaj jest zgodne z normami UI platformy, a nie z nimi walczy.

Jak spełnić wymaganie

• Ustaw min-width: 44px; min-height: 44px na przyciskach, elementach sterujących z samą ikoną, polach formularzy i dowolnym celu dotykowym.
• Używaj dopełnienia wewnątrz przycisków z małą ikoną, aby powiększyć obszar aktywacji do 44×44, nawet gdy glif ikony ma 16–24px.
• W pierwszej kolejności sprawdź paginację, okruszki nawigacyjne, nawigację mobilną, ikony akcji w wierszach tabel, przyciski usuwania chipów i pływające przyciski akcji.
• Dla elementów sterujących, które muszą być wizualnie małe, zapewnij 44×44 pikseli wolnej przestrzeni wokół nich (brak innych celów w tym promieniu).

Typowe błędy

• Przyciski z ikoną o wymiarach 24×24 lub 32×32 na paskach narzędzi — spełniają poziom AA, ale nie AAA.
• Wiersze paginacji z polami o szerokości 30 pikseli.
• Gęste akcje w wierszach tabel, gdzie Edytuj / Duplikuj / Usuń stoją ramię w ramię.
• Przyciski × do usuwania chipów stylizowane na 12–20px.

Dlaczego to ważne

Próg 44×44 to poziom, przy którym błędne stuknięcia spadają do prawie zera dla użytkowników z chorobą Parkinsona, drżeniem samoistnym, SM i innymi schorzeniami motorycznymi, a także dla każdego korzystającego z telefonu jedną ręką w ruchu. Kryterium AAA nie jest zwykle wymagane do zgodności, jednak wiele regulowanych sektorów (bankowość, administracja, ochrona zdrowia) celuje w poziom AAA w mobilnym UI właśnie ze względu na to, jak nieproporcjonalnie mobilny interfejs zawodzi użytkowników z niepełnosprawnościami ruchowymi. Jeśli kryterium 2.5.8 jest już spełnione, podniesienie progu z 24 do 44 to zazwyczaj zmiana jednej klasy Tailwind.