Príliš malé klikacie plochy

Hlásenie v axe a Lighthouse: All touch targets must be 24px large, or leave sufficient space · target-size · WCAG 2.5.8

Čo to znamená a prečo na tom záleží

Malé, nahusto umiestnené ikony a odkazy sú pre ľudí s motorickým obmedzením a na mobile ťažko zasiahnuteľné (WCAG 2.5.8).

Ako opraviť

Zväčšite klikacie plochy aspoň na 24×24 CSS pixelov alebo medzi nimi nechajte dosť miesta.

Príklad kódu

Pred

<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>

Všetky chyby prístupnosti