Aree cliccabili troppo piccole

Messaggio mostrato da axe e Lighthouse: Tutti gli elementi che possono essere attivati tramite puntatore devono avere una largezza di 24px, o lasciare spazio sufficiente · target-size · WCAG 2.5.8

Cosa significa e perché è importante

Icone e link piccoli e ravvicinati sono difficili da colpire per chi ha difficoltà motorie e su smartphone (WCAG 2.5.8).

Come correggere

Rendi le aree cliccabili di almeno 24×24 pixel CSS o lascia spazio sufficiente tra loro.

Esempio di codice

Prima

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

Dopo

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

Tutti gli errori di accessibilità