Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →

Responsive

Quanto devono essere grandi i pulsanti su un sito web?

I pulsanti e i link dovrebbero essere grandi almeno 24 per 24 pixel — questo richiede la regola di accessibilità WCAG 2.5.8. Le superfici più piccole sono difficili da colpire con il dito: chi tocca male sul telefono finisce su un link sbagliato o rinuncia. Il servizio di verifica misura ogni superficie di controllo su quattro dimensioni di dispositivo e mostra esempi delle superfici troppo piccole con le dimensioni misurate.

Questi spazi contano come superfici di controllo

Viene misurato tutto ciò che i visitatori possono fare clic o toccare: pulsanti, link, campi di input e elenchi a discesa. I link nel mezzo del testo principale sono esclusi — la loro altezza risulta dalla riga di testo, cosa che anche lo standard consente esplicitamente. Sono esclusi anche gli elementi di aiuto invisibili di pochi pixel di dimensione che alcuni siti Web incorporano per programmi di lettura o statistiche; non sono destinazioni per il dito e contarli causerebbe falsi allarmi. Quello che rimane sono esattamente le superfici che un humano deve effettivamente raggiungere: il pulsante di ordine, la voce di menu, l'icona di ricerca, il campo per l'indirizzo email. Per ognuna di queste superfici si applica il limite inferiore di 24 per 24 pixel.

Così il servizio di verifica misura la dimensione

La pagina viene creata su quattro dimensioni di dispositivo in un browser reale: smartphone da 390, tablet da 768, desktop da 1440 e wide da 1920 pixel di larghezza. Su ogni dimensione la verifica misura l'effettiva larghezza e altezza rappresentate di ogni superficie di controllo. Questo è cruciale, perché lo stesso pulsante può essere grande abbastanza su desktop e rimpicciolirsi sul telefono. Ogni rilievo viene raccolto due volte; viene segnalato solo ciò che entrambe le misurazioni concordano. Il rapporto mostra fino a tre esempi con dimensioni misurate — ad esempio un pulsante da 18 per 18 pixel — e uno screenshot del punto interessato, in modo che la superficie sia trovata senza ricerca.

Questo porta la dimensione minima ai vostri visitatori

Le grandi superfici di controllo aiutano anzitutto le persone con tremori, motricità fine limitata o dita più grandi. Ma aiutano tutti: su un treno in movimento, con i guanti, con il pollice di una mano libera. Chi colpisce un pulsante al primo tentativo rimane nel flusso — chi lo manca tre volte, abbandona la pagina. Per un'azienda questo significa praticamente: il pulsante «Richiedi un'offerta» viene premuto più spesso se è facile da colpire. I 24 pixel sono il limite inferiore dello standard e non un valore ideale; molti progettisti scelgono deliberatamente superfici significativamente più grandi, soprattutto per il pulsante più importante di una pagina.

Toccare i pulsanti più importanti del vostro sito web sul telefono cellulare con il pollice e prestare attenzione se li colpite al primo tentativo.
Prestare particolare attenzione alle piccole icone: lente d'ingrandimento, menu, ricevitore telefonico, frecce nelle gallerie di immagini.
Passate gli esempi dal rapporto di verifica alla vostra agenzia — lì è indicata la dimensione misurata di ogni superficie troppo piccola.
Pianificate i nuovi pulsanti fin dall'inizio con un minimo di 24 per 24 pixel.

Deutsche Fassung dieser Seite

FAQ

Che cosa dice WCAG 2.5.8 sulla dimensione dei pulsanti?

La norma 2.5.8 della linea guida per l'accessibilità WCAG richiede per le superfici di comando una dimensione minima di 24 per 24 pixel. Sono esclusi, tra gli altri, i link nel testo corrente, la cui altezza è determinata dalla riga di testo. La norma appartiene al livello AA, su cui il servizio di verifica si orienta. Le superfici più grandi sono esplicitamente consentite e di solito la scelta migliore.

Perché i pulsanti troppo piccoli sono un problema?

Le superfici piccole sono difficili da toccare con il dito. I visitatori sbagliano, aprono il link sbagliato o si arrendono. I più colpiti sono le persone con motricità fine limitata, ma in pratica tutti coloro che usano un telefono cellulare in movimento. Un pulsante facile da colpire porta significativamente più spesso all'azione desiderata, come una richiesta o una chiamata.

I link nel testo si contano come superficie di comando?

La verifica esclude i link nel testo corrente, perché la loro altezza è determinata dalla riga di testo — così prevede anche lo standard. Vengono misurati gli elementi di comando indipendenti: pulsanti, voci di menu, icone e campi di input. Proprio questi elementi il visitatore deve toccare deliberatamente, quindi il requisito minimo di 24 per 24 pixel si applica lì.