Touch Target Checker

WCAG 2.5.5 Livello AA

Il Touch Target Checker ti aiuta a stimare se i tuoi controlli interattivi raggiungono le dimensioni raccomandate da WCAG 2.5.5 (Target Size).

Inserisci larghezza e altezza (in CSS px, rem, pt o dp) e ottieni suggerimenti su padding e requisiti minimi per rendere i target più facili da usare.

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

Come migliorare i tuoi touch target

  • Minimum (24×24px) : sotto i 24px un target è inaccessibile per la maggior parte degli utenti.
  • Target (44×44px) : raggiungendo 44px migliori l’usabilità con dita di diverse dimensioni.
  • Enhanced : considera anche lo spacing e l’uso di padding.