Pulsanti grandi sul telefono: cosa dicono davvero le regole di accessibilità

Pubblicato 8 settembre 2026 · 4 min di lettura

WCAG 2.2 non dice semplicemente «fate pulsanti grandi». Il criterio AA sulla dimensione minima considera un target di almeno 24×24 CSS pixel oppure, in condizioni definite, lo spazio attorno a un target più piccolo. Il criterio AAA avanzato usa 44×44 CSS pixel. Sono soglie tecniche, non una garanzia che ogni persona tocchi senza errori.

Misurate l’area attiva, non il disegno visibile

Il target è la regione che accetta il tocco o altro input di puntamento. Un’icona può apparire piccola ma avere un’area attiva più ampia; un riquadro grande può invece contenere solo una piccola parte attivabile. La misura riguarda CSS pixel, unità indipendenti dai pixel fisici dello schermo.

Zoom, dimensione del dito e diagonale del telefono non trasformano automaticamente un target in conforme. Verificate l’area effettiva in ogni stato, compresi menu, finestre sovrapposte e orientamenti supportati.

Il minimo AA: 24×24 CSS pixel o spaziatura qualificata

WCAG 2.2 SC 2.5.8 richiede almeno 24×24 CSS pixel per gli input di puntamento. Un target sottodimensionato può rientrare nell’eccezione di spaziatura soltanto se cerchi immaginari di 24 CSS pixel, centrati sui target piccoli, non si intersecano con altri target o relativi cerchi.

Esistono inoltre eccezioni per controllo equivalente, link in linea, controllo determinato dall’interprete e presentazione essenziale o imposta per legge. Superare il criterio grazie a un’eccezione non rende necessariamente comodo il controllo: W3C raccomanda come buona pratica di raggiungere comunque la dimensione minima.

Il livello AAA alza il riferimento a 44×44

SC 2.5.5 Target Size (Enhanced) richiede in generale target di almeno 44×44 CSS pixel, con proprie eccezioni. È un criterio AAA più esigente; non va presentato come il minimo AA né come numero universale per ogni contesto.

Per un’azione importante può essere un obiettivo utile. Tuttavia target grandi, etichette chiare e spazio non bastano se le azioni sono confuse, il layout cambia, la conferma è incomprensibile o la persona usa un metodo di input diverso.

Dimensione, distanza e cancellazione lavorano insieme

La distanza riduce il rischio di attivare il vicino, soprattutto con tremore, movimento del mezzo, uso a una mano o minore precisione. Queste sono condizioni d’uso e bisogni possibili, non diagnosi da attribuire osservando un errore.

SC 2.5.2 Pointer Cancellation affronta anche il momento dell’attivazione: per molte azioni il completamento dovrebbe avvenire al rilascio, con possibilità di annullare o tornare indietro, salvo eccezioni. Per un segnale importante valutate inoltre conferma comprensibile e recupero dall’errore.

Matrice: conformità e qualità d’uso

La colonna pratica richiede verifica sul prodotto reale; non sostituisce un audit WCAG.

Cosa controllare oltre alla parola «grande»
Aspetto	Regola o soglia	Verifica di esperienza
Area attiva	Target effettivo, non sola icona	Tutta l’area attesa risponde?
Minimo AA	24×24 CSS px	È comunque facile da raggiungere?
Spaziatura	Cerchi da 24 px non intersecati	Il vicino viene toccato per errore?
Avanzato AAA	44×44 CSS px	È appropriato all’azione principale?
Etichette	Non risolte dalla sola dimensione	Significato ed esito sono distinti?
Attivazione	Considerare Pointer Cancellation	Si può spostare o annullare prima del rilascio?
Conferma	Dipende da rischio e flusso	Previene errori senza bloccare?
Adattamento	Testo e sistema possono cambiare	Regge zoom, rotazione e font grande?
Input	Tocco è uno dei metodi	Funziona con tecnologie assistive?
Contesto	WCAG non predice la persona	Test con utenti e dispositivi pertinenti?

Da WCAG al telefono nativo, con prudenza

WCAG è uno standard per contenuti web. Il documento W3C WCAG2ICT spiega come applicarne principi e criteri a software e documenti non web, ma non crea da solo una dichiarazione di conformità per ogni app o legge. Requisiti contrattuali e legali vanno verificati nel contesto pertinente.

Per My Safe Circle, esaminate le azioni principali sul dispositivo reale insieme a etichette, conferme, destinatari e backup. L’app facilita comunicazioni verso persone fidate; non rileva automaticamente eventi, non chiama i soccorsi e non garantisce consegna o intervento.

Area attiva misurata in CSS px o unità equivalenti?
Target piccoli verificati con la regola di spaziatura?
Eccezioni documentate senza chiamarle buona UX?
Tocco accidentale, annullamento e conferma provati?
Utenti, dispositivi, zoom e input pertinenti inclusi?

Domande frequenti

24×24 CSS pixel significa pulsante accessibile?

Significa che il target può soddisfare la soglia dimensionale AA, se gli altri requisiti sono rispettati. Non dimostra leggibilità, comprensione o facilità per ogni persona.

44×44 è obbligatorio per WCAG 2.2 AA?

No. 44×44 appartiene al criterio avanzato 2.5.5 di livello AAA; il criterio minimo 2.5.8 di livello AA usa 24×24 con eccezioni definite.

Un pulsante più grande elimina i tocchi accidentali?

No. Può aiutare, ma contano distanza, azioni vicine, momento di attivazione, conferma, postura, dispositivo e variabilità individuale.

Fonti consultate

Le informazioni tecniche e di sicurezza sono state verificate sulle seguenti fonti ufficiali.

Trasparenza editoriale: questa guida è pubblicata dal team che sviluppa My Safe Circle. Descrive criteri W3C e limiti del prodotto senza dichiarare che la sua interfaccia sia adatta a ogni persona o conforme a uno specifico regime legale.

MISURATE E OSSERVATE

Usate la soglia come base, poi provate l’esperienza.

Controllate area attiva, distanza, errori e metodi di input.

Scopri My Safe Circle

Informazione generale, non certificazione di conformità né consulenza legale o medica. Bisogni e precisione variano; una soglia tecnica non garantisce uso senza errori.