Příliš malé klikací plochy
Co to znamená a proč na tom záleží
Malé, nahusto umístěné ikony a odkazy jsou pro lidi s motorickým omezením a na mobilu těžko zasažitelné (WCAG 2.5.8).
Jak opravit
Zvětšete klikací plochy alespoň na 24×24 CSS pixelů nebo mezi nimi nechte dost místa.
Příklad kódu
Před
<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>Najděte tuto chybu na svém webu
Otestujte zdarma libovolnou stránku — výsledek za pár sekund, s návodem k opravě.