Costruire una vera cultura dell’accessibilità digitale in azienda è una missione di resilienza e perseveranza. Non è difficile che il discorso sull’accessibilità cada nei soliti cliché. L’accessibilità è molto importante per le persone. L’accessibilità dei prodotti e dei servizi digitali promuove l’inclusione. O addirittura, tutti i professionisti dei team dovrebbero essere coinvolti nel lavoro sull’accessibilità. Ovviamente. Nessuno sano di mente contesterà nessuna di queste affermazioni (spero). Tuttavia, la seconda parte di questa conversazione, che pochissime aziende raggiungono, è “come?” Come possiamo far sì che ciò accada nel bel mezzo del lavoro quotidiano dei team di trasformazione digitale che, come tutti sappiamo, sono immersi in copioni impegnativi, spesso con un numero molto limitato di persone a disposizione? Nella maggior parte dei casi, la scelta finisce per essere tra “facciamo questo” e “quello”. E non dovrebbe, perché, in questi casi, non ho mai visto l’accessibilità vincere in questa equazione. Non dovrebbe essere così. Non è necessario che tu sia così. Innanzitutto perché scegliere tra l’accessibilità e qualsiasi altra cosa non è la scelta giusta. L’accessibilità non è più solo un’altra caratteristica da aggiungere alle altre. È un valore aggiunto per il business e, attualmente, un obbligo di legge che può avere gravi conseguenze per le aziende. D’altro canto, esistono modi intelligenti, ottimizzati e di grande impatto per incorporare i principi di accessibilità nelle dinamiche naturali dei team. È possibile lavorare sull’accessibilità senza stravolgere le operazioni del team. In sostanza, questo è ciò che fa AccessibilityOps. Dare potere alle persone e fornire ai team processi semplici in modo che possano integrare il lavoro sull’accessibilità nella loro routine quotidiana senza sforzi sproporzionati. Accessibilità e design Lavorare sull’accessibilità digitale nel design può comportare diverse azioni. È chiaro che dobbiamo prestare particolare attenzione al colore e al modo in cui viene utilizzato per trasmettere significato. Naturalmente, le dimensioni di interazione degli elementi devono essere confortevoli. Ma, soprattutto, dobbiamo pensare al design da una prospettiva versatile. Un’interfaccia non è un poster. Possiamo controllare molti aspetti di tale progettazione, ma il modo in cui gli utenti interagiscono con l'interfaccia è soggetto a un numero infinito di variabili. Il tipo di dispositivo, il contesto, lo scopo, la qualità della rete, ecc. Tutto ciò influisce notevolmente sull’esperienza e sull’interazione di ogni persona. Oltre a tutto ciò, quando le preoccupazioni relative all’accessibilità digitale vengono introdotte nel processo di progettazione, si aggiungono ancora più variabili.
Le persone spesso utilizzano quelle che vengono chiamate tecnologie e strategie assistive. Si tratta, in sostanza, di strumenti tecnologici o, quanto meno, di “trucchi” a cui le persone ricorrono per trovare modelli di utilizzo più confortevoli. I famosi screen reader, comunemente associati all’uso dei non vedenti (ma che non sono utili solo a loro), ad esempio, sono una tecnologia assistiva. Anche la modifica dei colori o dei contrasti cromatici tra diversi elementi è una tecnologia assistiva. Un altro esempio è l'aumento della dimensione del carattere (di cui abbiamo discusso in questo testo). Esistono innumerevoli tecnologie e strategie di assistenza. Quasi tanti quanti i diversi contesti d’uso di ciascuna persona. Non controlliamo tutto In altre parole (e questa è la “brutta notizia” per noi designer), “il nostro design” è soggetto, dal punto di vista degli utenti, a trasformazioni che non controlliamo. Verrà “trasformato” dall'utente, garantendogli di poter interagire con l'applicazione e tutto ciò che offre nel modo più confortevole possibile. E questa è una buona cosa. Se ciò accadrà e tutto andrà bene, avremo sicuramente svolto molto bene il nostro lavoro sull’accessibilità e meritiamo tutti i nostri complimenti. Se l’utente applica una di queste tecnologie e strategie di supporto e tuttavia non riesce a utilizzare l’applicazione digitale, è segno che qualcosa non funziona come dovrebbe. Oh, e a proposito. Non pensare nemmeno a bloccare l’uso di queste tecnologie o strategie di supporto. Potrebbero "distruggere" il tuo bellissimo design, ma consentono a sempre più persone di utilizzare effettivamente l'app. Alla fine, non era esattamente quello che avevamo promesso di voler fare? Design per (tutte) le persone. Senza eccezioni? Aumenta la dimensione del carattere Quante volte abbiamo sentito qualcuno – amici, familiari o anche colleghi – lamentarsi che questo o quel testo sono troppo piccoli? Il testo gioca un ruolo molto importante nell’esperienza digitale. Molte informazioni vengono trasmesse attraverso il testo:istruzioni per l'uso, didascalie dei pulsanti o elementi interattivi. Tutto ciò utilizza il testo come strumento di comunicazione. Se la lettura di tutti questi elementi risulta difficile, naturalmente, l'esperienza risulta gravemente compromessa. La lettura confortevole del testo, indipendentemente dalla sua funzione, è un principio non negoziabile. Questa lettura può essere facilitata utilizzando dimensioni comode nel disegno. Tuttavia, tecnologie e strategie di supporto, attraverso la funzionalità di aumento della dimensione del carattere, possono anche aiutare a migliorare la leggibilità. Secondo i dati APPT, il 26% degli utenti di dispositivi mobili Android e iOS aumenta la dimensione predefinita del carattere (dati di febbraio 2026). Un utente su quattro aumenta la dimensione del carattere sul proprio smartphone. Si tratta di un campione di persone molto significativo, il che rende questa funzionalità inevitabile nei processi di progettazione.
Conformità alle linee guida Aumentare la dimensione dei caratteri nelle interfacce può rappresentare un'enorme sfida di progettazione. È importante capire che, all’improvviso, alcuni elementi di testo, a causa delle azioni dell’utente, possono raddoppiare la loro dimensione iniziale. “Ad eccezione delle didascalie e delle immagini di testo, il testo può essere ridimensionato senza tecnologia assistiva fino al 200% senza perdita di contenuto o funzionalità.”— Criterio di successo 1.4.4, “Ridimensionamento del testo” delle Linee guida per l’accessibilità dei contenuti Web (WCAG), versione 2.2
Questo criterio di successo è al livello di conformità AA, il che significa che questa è una caratteristica assolutamente obbligatoria secondo qualsiasi quadro giuridico. È facile comprendere il 200% in questo criterio di successo. Se assumiamo di progettare le interfacce su una scala del 100%, ovvero che la dimensione dell'elemento è la dimensione iniziale, aumentare il testo fino al 200% corrisponderà al raddoppio della dimensione iniziale. È possibile utilizzare anche altre scale di ingrandimento, ad esempio 120%, 140% e così via. In altre parole, dobbiamo garantire che gli utenti possano aumentare il testo fino a raddoppiare la sua dimensione iniziale attraverso tecnologie o strategie di supporto (e questo non è un dettaglio di poco conto). Per rispettare questo standard, non è necessario fornire strumenti per aumentare la dimensione del testo nelle interfacce. In pratica, queste funzionalità non sono altro che ridondanza. I dispositivi consentono già di farlo in modo standardizzato. Gli utenti che hanno davvero bisogno di questa impostazione lo sanno (perché senza di essa la loro vita sarebbe molto più difficile). Bene, hanno già applicato questa impostazione sul loro dispositivo. Ciò significa che possiamo eliminare questi elementi aggiuntivi dell'interfaccia, semplificando l'esperienza.
Accesso standardizzato Un concetto importante da ricordare sulle tecnologie assistive, in particolare in questo caso riguardante l'aumento della dimensione dei caratteri, è che la maggior parte dei dispositivi ha già molti di questi strumenti installati per impostazione predefinita. In altre parole, in molti casi, gli utenti non hanno bisogno di acquistare il proprio software o acquistare un tipo specifico di dispositivo solo per avere questa funzionalità. Sia sui dispositivi mobili che nei browser web, nella stragrande maggioranza dei casi, è facile trovare funzionalità installate che consentono di aumentare la dimensione predefinita del carattere che utilizziamo in tutta l'interfaccia. Questo principio di aumento della dimensione del carattere può essere applicato a prodotti digitali, come app, o anche a qualsiasi tipo di sito Web in esecuzione sui browser Web standard utilizzati oggi. iPhone Sui dispositivi iPhone, la funzione di aumento della dimensione del carattere è integrata per impostazione predefinita. Per utilizzare questa funzione, accedi semplicemente al pannello "Impostazioni", seleziona "Accessibilità" e all'interno del gruppo di opzioni "Visione", accedi alla funzione "Dimensione e visualizzazione del testo" e configura l'aumento della dimensione del carattere desiderato su quella schermata.
Google Cromo I browser Web offrono anche, per impostazione predefinita, la funzionalità per aumentare la dimensione del carattere. Ad esempio, in Google Chrome, questa funzionalità è disponibile nel pannello “Opzioni”, in particolare nell'area “Aspetto”. Nell'elenco delle opzioni visualizzate in questo gruppo, seleziona semplicemente l'opzione "Dimensione carattere". Normalmente verrà selezionata l'opzione "Medio - Consigliato". Puoi modificare questa impostazione con qualsiasi altra dimensione di carattere disponibile. Prova, ad esempio, l'opzione "Molto grande".
Prova a Figma Per garantire che il lavoro sull’accessibilità digitale diventi efficace nella vita quotidiana dei team, è essenziale trovare processi di lavoro semplici. Azioni o iniziative che possono essere integrate nella routine del team, che affrontano l’accessibilità in modo integrato e non richiedono una trasformazione drammatica della realtà attuale. Se ciò fosse necessario, a suo avviso, nella maggior parte dei casi non accadrebbe. Pertanto, progettare processi di lavoro semplici rappresenta metà della battaglia affinché l’accessibilità possa realmente realizzarsicaso, anche all’interno di un team di progettazione. Per quanto riguarda i test sugli aumenti delle dimensioni dei caratteri nel design, oggi disponiamo di strumenti straordinari. Coloro che ricordano i tempi in cui si progettavano interfacce complesse in Adobe Photoshop riconosceranno le differenze negli strumenti di cui disponiamo oggi (e per fortuna). Ora è possibile, attraverso strumenti come Figma, creare un tale dinamismo nel design che testare l’aumento della dimensione del carattere per l’accessibilità diventa quasi inevitabile per il team.
Nota: per sostenere questo test, è necessario avere una conoscenza approfondita degli stili di testo, dei layout automatici e delle variabili di Figma. Questi tre sono strumenti fondamentali per il successo senza troppi sforzi aggiuntivi. Se non hai ancora padroneggiato queste funzionalità, ti consigliamo vivamente di iniziare da lì. Non saltare i passaggi. L’apprendimento è un processo graduale che deve essere seguito in maniera strutturata, passo dopo passo. Dove vogliamo andare? Il test di aumento della dimensione del carattere in Figma che vogliamo eseguire è semplice. Vogliamo avere a disposizione una serie di variabili per tutti gli stili di testo che utilizziamo nell'interfaccia, permettendoci di scegliere se vogliamo vedere l'interfaccia con il testo su una scala del 100%, 120%, 140%, 160%, 180% o 200%. Quando applichiamo questo insieme di variabili (in modo molto simile all'applicazione delle variabili per la modalità chiaro e scuro), osserviamo le trasformazioni del testo nell'interfaccia e comprendiamo in che misura sono necessari adattamenti in ciascuna versione dell'interfaccia con diverse scale tipografiche.
Come possiamo far sì che ciò accada? Affinché questo test proceda senza intoppi, è necessario fare alcune basi. I sistemi di progettazione possono aiutare notevolmente a ottimizzare gran parte di questo lavoro iniziale. Ma non ti mentirò. Affinché il test funzioni bene, il tuo progetto deve avere un livello molto serio di organizzazione e sistematizzazione. Questa non è propriamente una guida, perché ogni team avrà il proprio modello di lavoro e queste raccomandazioni possono essere applicate in diversi modi (e va bene così). Tuttavia, affinché questo test funzioni, è importante garantire determinati presupposti nella progettazione. Per aiutarti a mettere in fase l'implementazione di questo modello di test, ecco alcuni passaggi da seguire. Istruzioni passo passo per guidarti nell'organizzazione dei tuoi file e assicurarti di poter eseguire completamente questo test nel modo più semplice e pratico possibile. 1. Progettare le interfacce Tutto inizia con la progettazione. Prima di qualsiasi test, l'attenzione dovrebbe, come dovrebbe, essere concentrata sul design di ciascuna interfaccia che vorremo testare in seguito. In questa fase, non vi è ancora alcuna preoccupazione specifica per il test di aumento della dimensione del carattere che eseguiremo in seguito. Naturalmente, tutta la progettazione dell'interfaccia dovrebbe, fin dall'inizio, seguire le raccomandazioni di accessibilità più basilari applicate alla progettazione.
2. Applica layout automatici a tutti gli elementi In ogni progetto di schermata che crei, dovrai assicurarti di applicare perfettamente i layout automatici. Questo è un passo molto importante. È questa applicazione coerente dei layout automatici all’intera struttura e agli elementi di design che garantirà in seguito la scalabilità dell’interfaccia quando inizieremo a testare gli aumenti delle dimensioni dei caratteri. Non puoi davvero sottovalutare questo passaggio. Se non gli presti l’attenzione che merita, vedrai quando testeremo il ridimensionamento tipografico nelle interfacce, tutto crolla come un elefante in un negozio di porcellane.
3. Strutturazione e applicazione di stili di testo Per eseguire il nostro test sull'aumento della dimensione del carattere, avremo anche bisogno che tu abbia applicato gli stili di testo a ciascun design dell'interfaccia. Probabilmente hai anche iniziato a crearli mentre disegnavi. Grande. Se non l’hai fatto, è importante che lo faccia adesso. Affinché il test funzioni perfettamente, ne abbiamo davvero bisogno. Non lasciare alcun elemento di testo nel disegno senza uno stile di testo applicato.
4. Definisci l'insieme di variabili al 100% Questo test impone un grado di ottimizzazione piuttosto elevato. In pratica, ciò significa che dovremo utilizzare le variabili Figma per tutte le caratteristiche degli stili di testo che abbiamo nell'interfaccia. In questa fase, è necessario definire le variabili “numero” Figma almeno per la dimensione del carattere e l'altezza della linea degli stili di testo applicati al disegno. Con questo passaggio si definiscono i valori di scala di aumento della dimensione del carattere per un modello di visualizzazione al 100%, ovvero la versione iniziale e di riferimento del disegno. È importante strutturare queste variabili per ogni stile di testo presente nel disegno perché, successivamente, dovremo considerare la scala di ingrandimento di ciascuno di questi elementi testuali.
5. Applica le variabili agli stili di testo Dopo aver definito le variabili per gli stili di testo in scala 100%, è ora necessario applicarleagli elementi degli stili di testo già creati. Non dimenticare di applicare variabili almeno alle caratteristiche della dimensione del carattere e dell’altezza della riga. Se hai più variabili tipografiche, va bene. Ma dovresti almeno avere variabili applicate alla dimensione del carattere e all'altezza della linea. Questo è davvero molto importante.
6. Definire le variabili per aumentare la dimensione del testo Ora che hai applicato le variabili agli stili di testo con scala del 100%, il passaggio successivo consiste nel creare le variabili per le altre scale di aumento della dimensione del carattere. In pratica, devi creare le variabili che diranno al sistema a quale dimensione del carattere crescerà ogni stile di testo quando la scala di aumento è 120%, 140%, 160%, ecc. Per definire i valori della dimensione del carattere e dell'altezza della linea, moltiplica semplicemente il valore iniziale per la percentuale di scala. Ad esempio, se uno stile di testo ha una dimensione del carattere di 16px, la dimensione per la scala del 120% sarà 16 moltiplicata per 1,2, che darà un risultato di 19,2. Ripeti questo calcolo per tutti i valori di dimensione del carattere e altezza della linea delle percentuali di scala di aumento della dimensione del carattere che scegli. Puoi anche scegliere se applicare o meno l'arrotondamento ai valori finali. Si tratta di un test approssimativo, pertanto eventuali differenze che dovessero derivare dagli arrotondamenti non influenzeranno la percezione finale del risultato del test.
7. Applicare variabili a versioni di scala diverse Il momento della verità è arrivato. Il prossimo passo è capire se abbiamo tutto funzionante affinché il test funzioni perfettamente. Pertanto, dovresti copiare l'interfaccia originale e applicare l'insieme di variabili per ciascuno dei tassi di aumento della dimensione del carattere che hanno senso per te. Ripeti questo processo per tutte le percentuali di aumento della dimensione del carattere che hai definito. Come suggerimento, puoi utilizzare come riferimento le percentuali di aumento del 120%, 140%, 160%, 180% e 200%. Se vuoi semplificare, puoi ridurre il numero di percentuali di ridimensionamento con cui stai lavorando. Indipendentemente dal numero di percentuali con cui stai lavorando, dovresti sempre lavorare con le scale minime del 100% e del 200%.
8. Identificare le aree di miglioramento Applicando diverse scale di aumento della dimensione del carattere alla stessa schermata, è facile capire dove potrebbero essere necessari miglioramenti. È qui che inizia il vero test per aumentare la dimensione dei caratteri nella progettazione dell'interfaccia e il lavoro più interessante sull'accessibilità. Nell’analisi delle varie schermate tieni presente alcuni aspetti importanti:
Il fatto che il testo appaia gigantesco non è un problema e non “rovina” il design. Ricorda che questo può fare la differenza tra la capacità di qualcuno di utilizzare un particolare prodotto o servizio oppure no. Esiste un problema di accessibilità quando l'aumento della dimensione del carattere rende impossibile all'utente leggere determinati testi o attivare determinati controlli. Per gli elementi di testo già molto grandi, aumentare la dimensione del carattere potrebbe non avere senso. Ciò potrebbe rendere quegli elementi sproporzionati, il che non migliorerebbe la leggibilità (poiché sono già di buone dimensioni) e occuperebbero uno spazio completamente inutile. Se ci sono elementi che sembrano spuntare fuori dallo schermo, il primo passo è confermare come stai applicando il layout automatico. Molti aspetti della progettazione possono essere facilmente risolti con l'uso corretto del layout automatico. Indipendentemente dalla scala di aumento della dimensione del carattere, è essenziale mantenere la gerarchia visiva della tipografia, poiché questa leggibilità è importante per percepire i diversi livelli di informazioni presenti sullo schermo. Questo test può aiutare a identificare gli elementi che potrebbero necessitare di aggiustamenti direttamente nel codice per funzionare bene su una determinata scala di aumento. Non tutto può essere risolto solo attraverso il design, e questo va benissimo. L’accessibilità è essenzialmente un lavoro di squadra.
9. Apporta correzioni e modifiche al design Infine, in base alle varie schermate con diverse scale di ingrandimento del testo applicate, è possibile apportare le modifiche progettuali ritenute opportune. Alcune di queste modifiche potrebbero essere necessarie solo nel codice. In questi casi, documenti tutti questi suggerimenti e li trasmetti al team di sviluppo. È anche fondamentale sottolineare (ancora una volta) che alcuni dei problemi che potresti incontrare nella progettazione possono essere rapidamente risolti durante il processo di progettazione, con la semplice e corretta applicazione delle proprietà di layout automatico.
10. Torna all'inizio e ripeti il processo Questo è un approccio ciclico. Ciò significa che dovresti ripetere questi passaggi, o variazioni degli stessi, tutte le volte necessarie durante il progetto. È naturale che, nel tempo e con l’ottimizzazione dei processi, alcunidi questi passaggi cesserà di avere senso. Non è assolutamente un problema. Ma la cosa più importante da capire qui è che l’accessibilità e questo processo di test sugli aumenti delle dimensioni dei caratteri non dovrebbero essere eseguiti solo una volta, e basta. È un test da ripetere molte, molte volte durante il lavoro quotidiano di ciascun progetto e team.
Il ruolo dei sistemi di progettazione A prima vista, questo elenco di passaggi potrebbe sembrare un esercizio complesso. Ma non lo è. Questo perché la stragrande maggioranza, se non tutti, di questi passaggi sono facili da eseguire in qualsiasi contesto in cui esista un sistema di progettazione. In effetti, i sistemi di progettazione sono diventati uno standard inevitabile nel settore del design del prodotto. Possiamo discutere di ciò che ogni team chiama un sistema di progettazione, ma la verità è che oggi è molto difficile trovare un team di progettazione del prodotto che non disponga, per lo meno, di una libreria minimamente strutturata di componenti e stili.
Con queste basi, più o meno documentate, è molto semplice applicare questo tipo di test di aumento della dimensione del carattere utilizzando le variabili Figma. Inoltre, se il tuo sistema di progettazione dispone già, ad esempio, di variabili strutturate per la modalità luce e buio, significa che stai già applicando esattamente gli stessi principi che abbiamo utilizzato per eseguire questo test. Quindi, niente di nuovo. Lavorare con i sistemi di progettazione implica un livello di strutturazione e organizzazione che è molto utile anche per creare questo tipo di test. C’è un mito secondo cui i sistemi di progettazione limitano la creatività. Questo non è vero. I sistemi di progettazione aiutano a risolvere la parte “burocratica” della progettazione, così possiamo effettivamente avere più tempo per ciò che conta: in questo caso, testare l’accessibilità e costruire sempre più prodotti e servizi che siano veramente accessibili al maggior numero di persone. File di esempio È sempre più facile vedere un esempio che leggere semplicemente la descrizione di un processo. Se questo è vero in molte discipline del sapere, nel design questa premessa ha ancora più senso. Pertanto, in questo file Figma, pubblicato liberamente e apertamente disponibile alla comunità, troverai un esempio pratico dell’intero processo di test qui descritto. Ricorda che questo è solo un esempio. Potrebbero esserci innumerevoli modi per eseguire questo tipo di test nel contesto di un file Figma.
Assicurati di considerare questo approccio con occhio critico. È un suggerimento per testare gli aumenti della dimensione del carattere che segue un processo specifico. Nonostante ciò, l’approccio dovrebbe essere adattato alla realtà specifica, ai processi e al livello di maturità del tuo team. Copiare semplicemente formule da altri team senza capire se hanno senso nel nostro contesto è un modo sicuro per rendere sproporzionati gli sforzi per l’accessibilità. Ogni situazione è unica. Questo approccio tenta di semplificare il più possibile il lavoro sull’accessibilità in questo contesto specifico. E ricorda: se succede qualcosa, anche se piccolo, è un passo avanti, non un passo indietro. E questo dovrebbe essere celebrato da tutti i membri della squadra.
