Przejdź do treści
A11ySignal
poważnyWCAG 2.5.8 · AA

Wszystkie cele dotykowe muszą mieć rozmiar 24px lub pozostawiać wystarczającą ilość miejsca wokół.

target-size

Sprawdź, czy cel dotykowy ma wystarczający rozmiar i przestrzeń wokół.

Kryterium, które za tym stoi

2.5.8 Rozmiar celu (minimum)

Cele dotknięcia muszą mieć co najmniej 24 na 24 piksele CSS albo być wystarczająco odsunięte.

Poziom AA

Po co jest to sprawdzenie

Małe, ciasno upakowane kontrolki powodują chybienia u każdego z ograniczoną sprawnością rąk — i u wszystkich w jadącym pociągu.

Co zwykle je wywołuje

  • błądRządek szesnastopikselowych ikon serwisów społecznościowych.
  • błądNumery stron oddalone o kilka pikseli.

Jak to naprawić

  • róbDaj celowi 24 × 24 obszaru trafienia razem z dopełnieniem — widoczna ikona może zostać mała.
  • róbTam, gdzie projekt nie może urosnąć, zwiększ odstępy, żeby dwudziestoczteropikselowe okręgi na siebie nie nachodziły.

Jak to jest raportowane

A11ySignal zgłasza to z wagą poważny. Każdy błędny element ma swój selektor CSS i kod, który zawiódł, więc trafisz prosto do właściwej linii, zamiast jej szukać. Deque publikuje szczegóły na poziomie silnika:

https://dequeuniversity.com/rules/axe/4.13/target-size

Sprawdzenie zaimplementowane w axe-core 4.13.0, © Deque Systems, MPL-2.0.