Za małe obszary do kliknięcia

Komunikat w axe i Lighthouse: Wszystkie cele dotykowe muszą mieć rozmiar 24px lub pozostawiać wystarczającą ilość miejsca wokół. · target-size · WCAG 2.5.8

Co to oznacza i dlaczego jest ważne

Małe, gęsto rozmieszczone ikony i linki są trudne do trafienia dla osób z niepełnosprawnością ruchową i na telefonie (WCAG 2.5.8).

Jak naprawić

Powiększ obszary klikalne do co najmniej 24×24 pikseli CSS lub zapewnij wystarczający odstęp.

Przykład kodu

Przed

<a href="/fb" style="display:inline-block;width:16px;height:16px"><img src="fb.svg" alt="Facebook"></a>

Po

<a href="/fb" style="display:inline-block;min-width:24px;min-height:24px;padding:4px"><img src="fb.svg" alt="Facebook"></a>

Znajdź ten błąd na swojej stronie

Przetestuj za darmo dowolną stronę — wynik w kilka sekund, z instrukcjami naprawy.

Przetestuj stronę za darmo

Wszystkie błędy dostępności