Verifica testo grafiche social: Contrasto minimo: 4,5:1 per testo ordinario, 3:1 per testo grande; Controlla leggibilità alla dimensione effettiva di visualizzazione; Aggiungi etichette o segnali visivi se il colore non basta
Immagine: Mercato Social

Accessibilità

Parte di Accessibilità dei contenuti social

Verificare contrasto e dimensione del testo

Come misurare il contrasto e controllare la dimensione del testo nella grafica social esportata, con i valori WCAG nel loro ambito.

Per controllare il testo in una grafica social, misurate il contrasto fra lettere e sfondo e leggete la grafica alla dimensione in cui sarà mostrata. Sono due verifiche distinte: un buon rapporto di contrasto non rende leggibile un carattere minuscolo, e un carattere grande può perdersi su uno sfondo simile.

Misurare il contrasto

Il criterio WCAG 2.2 sul contrasto minimo per testo web e immagini di testo richiede un rapporto di almeno 4,5:1 (testo ordinario) e 3:1 (testo grande), con eccezioni definite dal criterio. Usate questi valori come riferimento tecnico per le scritte informative della grafica, senza interpretarli come certificazione di conformità di un post social.

Misurate i colori effettivi del testo e dello sfondo. Su una foto o un gradiente, controllate anche la zona meno favorevole dietro le lettere. Una fascia uniforme può rendere più stabile il risultato. Non arrotondate un rapporto inferiore alla soglia per considerarla raggiunta.

I caratteri molto sottili meritano attenzione: la resa sullo schermo può farli apparire più deboli del contrasto calcolato sui colori di partenza. Scegliete caratteri più robusti o lasciate margine nel rapporto, poi guardate l’esportazione finale.

Rapporti di contrasto WCAG 2.2 per testo web e immagini di testo

  • 4,5Testo ordinario
  • 3Testo grande

Linee guida WCAG 2.2 per accessibilità del testo in grafiche digitali

Contrasto minimo - Testo ordinario
4,5:1
Contrasto minimo - Testo grande
3:1
Font consigliati
Caratteri robusti, evitare quelli sottili
Accessibilità visiva
Usare segnali aggiuntivi oltre al colore

Verificare la dimensione mostrata

Aprite il file esportato nell’anteprima del canale e leggete, senza ingrandire, titolo, etichette, unità di misura e condizioni. Se il formato riduce o ritaglia la grafica, correggete l’impaginazione e riesaminate il risultato. Un testo leggibile nel programma di grafica può diventare troppo piccolo nel feed.

Non esiste un numero universale di punti tipografici che garantisca la lettura di ogni post. Dimensioni del file, visualizzazione e carattere incidono sul risultato. Se troppe parole richiedono una scritta minuscola, spostate la spiegazione nel testo del post o datele più spazio, conservando i limiti che cambiano il significato.

Verifiche da eseguire prima di pubblicare una grafica social

  • Aprire il file esportato nell’anteprima del canaleLeggere senza ingrandire titolo, etichette, unità di misura e condizioni
  • Controllare l’effetto del ritaglio o ridimensionamentoCorreggere l’impaginazione se necessario
  • Evitare caratteri troppo sottiliScegliere font più robusti o aumentare il margine di contrasto
  • Ripetere i controlli dopo modificheDopo cambiamenti a colore, sfondo, carattere o dimensioni

Controllare il significato

Se il colore distingue categorie, aggiungete etichette o altri segnali visivi. Se una data o un risultato resta difficile da leggere nella grafica, rendetelo disponibile anche nel testo del post. Dopo modifiche a colore, sfondo, carattere o dimensioni, ripetete i due controlli sulla nuova versione.

Altro su Accessibilità