Touch Target Checker

WCAG 2.5.5 Livello AA

Inserisci le dimensioni di un elemento interattivo e scopri se rispetta WCAG 2.5.5. 8 template predefiniti con report esportabile e CSS correttivo pronto.

Elementi da verificare
Aggiungi da template
Criteri WCAG 2.5.5
i
Minimum — 24×24 CSS px
WCAG 2.5.8 (AA): dimensione minima assoluta. Sotto i 24px un target è inaccessibile per la maggior parte degli utenti.
!
Target — 44×44 CSS px
WCAG 2.5.5 (AA): dimensione target raccomandata. Apple HIG e Material Design usano lo stesso valore.
✓
Enhanced — 44×44 px + spacing
Spazio cliccabile ≥ 44px anche tramite padding. Un bottone più piccolo con padding adeguato supera il criterio.
Visualizzazione
Scala

Il criterio WCAG 2.5.5 richiede che gli elementi interattivi abbiano dimensione minima di 44×44 pixel CSS: un requisito fondamentale per l'accessibilità touch su dispositivi mobili.

Questo checker:

  • Verifica i livelli AA (24×24px con spacing) e AAA (44×44px)
  • Testa 8 template: CTA button, icon button, menu link, checkbox, input, link inline, icon, tab nav
  • Mostra un canvas visivo della dimensione dichiarata vs la dimensione minima
  • Genera il CSS correttivo con min-width, min-height e padding ottimizzato
  • Report esportabile con fix necessari