Design accessibile: 5 segreti essenziali per i grafici

L'inclusività sta diventando una tendenza del design che non puoi più ignorare. È importante creare design che catturino accuratamente il tuo marchio e il tuo messaggio. Ma ciò che è ancora più importante è creare progetti che i tuoi clienti vedano ed elaborino nel modo giusto. E questo include la progettazione per persone con vari tipi di disabilità. C'è una parte enorme della popolazione che vive con qualche forma di disabilità. Sono 61 milioni di adulti solo negli Stati Uniti. Pertanto, il design accessibile è qualcosa che non puoi prendere alla leggera. Il 3 dicembre si celebra la Giornata internazionale delle persone con disabilità. Quindi, questo è il momento giusto per parlare di design accessibile.

Hai visto il numero 73 nell'immagine sopra? Non tutti possono! E anche le persone che hanno difficoltà a distinguere i colori fanno parte del tuo pubblico di destinazione. Ecco perché è importante iniziare a dare la priorità al design accessibile. Non sai da dove cominciare? Ti abbiamo preso! Ti daremo alcuni suggerimenti fattibili su semplici regolazioni e considerazioni sul design che possono fare la differenza.

Design accessibile – dal punto di vista del design grafico

Quando si parla di pubblicità rappresentativa e di inclusività nel marketing, spesso ci si limita al concetto di includere diverse rappresentazioni culturali. Far sentire incluse persone di diversa estrazione demografica. Riconoscere e abbracciare diverse etnie. Ma l'inclusività va oltre. La valutazione e la messa a punto dell'esperienza per gli utenti diversamente abili è un'altra componente fondamentale del marketing inclusivo.

Il design accessibile è un dominio piuttosto vasto. Ciò include la progettazione per l'accessibilità in tutti i punti di contatto con i clienti. Da un design dell'interfaccia utente accessibile alle funzionalità dell'app che semplificano l'utilizzo per tutti i tipi di utenti, ci sono diverse misure che un marchio può adottare. Ma in questo blog parleremo in particolare dell'accessibilità nella progettazione grafica. Ciò include la creazione di grafica promozionale facile da utilizzare per le persone con disabilità.

La maggior parte dei marchi considera disabilità fisiche come cecità e problemi di udito. Ma anche le disabilità cognitive richiedono una buona parte della tua attenzione. Afasia, autismo, dislessia, ADHD: ci sono molte di queste disabilità cognitive che rendono difficile per le persone elaborare le informazioni che presenti loro. Il tuo annuncio, un design che ritieni brillante sullo schermo, potrebbe essere visto in modo molto diverso da loro.

Ad esempio, cosa succede se il contrasto tra il testo e lo sfondo non è sufficiente e quindi l'utente perde informazioni critiche? O se il grafico a torta nella tua infografica ha colori diversi per parametri diversi ma un utente daltonico non riesce a distinguerli? Lo scopo del design è perso. Ecco perché considerare le funzionalità di accessibilità è importante nei tuoi progetti di marketing e branding.

E la parte migliore è che il design accessibile nel marketing non è poi così difficile. Poche piccole modifiche e il tuo design è pronto sia per il pubblico generale che per le persone con disabilità. Diamo un'occhiata ad alcune idee per raggiungere questo obiettivo.

1. Presta attenzione alla tua tipografia

Vari aspetti della tipografia influenzano la leggibilità e la leggibilità della copia. Anche se non puoi sempre limitarti a scegliere il carattere tipografico giusto e lo stile dei tuoi caratteri, considerare alcuni aspetti può rendere il design molto più conveniente per le persone con disabilità visive e neurologiche.

Pensaci due volte prima di usare un carattere minuscolo

I caratteri piccoli mettono a dura prova gli occhi. E fa sì che i tuoi utenti lavorino di più per ottenere il messaggio. È probabile che non lo faranno! Inoltre, i caratteri inferiori a 12px possono essere difficili da leggere soprattutto su un telefono cellulare. Considerando che il 58,99% del traffico web globale proviene da dispositivi mobili, evitare caratteri minuscoli è sicuramente una buona decisione per un design accessibile.

Quindi, i grandi caratteri in grassetto per il testo dell'eroe non agiscono solo come attira l'attenzione o blocca lo scorrimento, ma garantisce anche facilità di lettura per diversi utenti. La variazione delle dimensioni dei caratteri per le diverse sezioni rende anche più facile per tutti i tipi di utenti comprendere la gerarchia. Perché i caratteri più grandi sono spesso i primi che la maggior parte delle persone nota e i più piccoli sono forse gli ultimi.

Il carattere tipografico che scegli è importante

Ci sono un sacco di font serif belli e leggibili là fuori. Su questo non ci sono dubbi. Ma se stai progettando tenendo conto delle persone con problemi di vista, i caratteri sans-serif hanno un chiaro vantaggio. Le loro forme delle lettere pulite e senza fronzoli le rendono più comode da leggere. E questo vale sia per la stampa che per i design digitali.

All'interno dei caratteri tipografici sans-serif, dovresti stare lontano dai caratteri con tratti molto sottili. I caratteri decorativi sono gli altri tipi che non funzionano quando si progetta per persone con problemi di vista. Va bene usare caratteri decorativi con moderazione. Ma la sezione che trasmette il messaggio principale, l'invito all'azione e le aree con molto testo dovrebbero avere un'alternativa più leggibile.

Fai attenzione alla spaziatura delle lettere

La crenatura o la spaziatura tra i caratteri nella copia garantisce che i tuoi lettori leggano correttamente le informazioni. E che l'hanno letto senza alcuna difficoltà. Le lettere troppo vicine tra loro potrebbero rendere il testo complessivo scomodo da leggere. Per le persone con disabilità visive e difficoltà cognitive nella lettura, troppo poco spazio tra le lettere rappresenta un problema ancora più grande. A cosa serve una buona copia se non ha l'effetto desiderato sul tuo pubblico? O peggio, cosa succede se abbandonano il tuo marchio a causa della scarsa esperienza?

Lettere ben distanziate e un layout generale ordinato sono proprio ciò di cui hai bisogno. Non un design impegnativo. Non piace a nessuno, non solo alle persone con disabilità.

Il biglietto da visita di cui sopra incorpora tutte le idee di cui sopra sugli aggiustamenti tipografici consapevoli. Utilizza un semplice carattere sans-serif dappertutto. La spaziatura tra le lettere rende il testo leggibile. E come tocco finale, il codice QR aiuta a creare il design ibrido perfetto. La scansione del codice ti porta a un biglietto da visita digitale con collegamenti al sito Web, pagine di social media e collegamenti di selezione diretta. Tutti i tipi di utenti adoreranno un design sensibile incentrato sull'utente come questo.

Kimp Tip: Non sai se la tipografia scelta è piacevole per gli occhi di un lettore? Annota i seguenti caratteri uno accanto all'altro-

• "i" maiuscola
• "l" minuscola
• E il numero "1"

E per la dimensione del carattere, allontanati un po' dal design e vedi se riesci a leggere il testo comodamente senza dover ingrandire. Ottieni alcune prospettive diverse dai membri del tuo team e sei a posto.

Preoccupato di far funzionare la tipografia? Entra in contatto con il team Kimp.

2. Il contrasto cromatico merita un'attenzione particolare

Il contrasto è una componente essenziale in tutti i design. Il contrasto cromatico è ciò che ti dice quanto sono distinti due colori. Posizionali uno accanto all'altro o posizionali uno sopra l'altro in primo piano e sullo sfondo, se i colori quasi si fondono, il contrasto è troppo basso. Uno scarso contrasto può essere un problema per tutti i tipi di persone. E rende il messaggio particolarmente difficile da consumare per chi ha problemi di vista.

Secondo il World Wide Web Consortium (W3C), si consiglia un rapporto di contrasto di 4,5:1 o superiore tra il testo in primo piano e lo sfondo.

Allo stesso tempo, se il contrasto è troppo alto, può comunque causare molto disagio. L'esempio seguente con il testo in verde su sfondo rosso è un buon esempio. Il contrasto è alto ma la combinazione può essere pesante per gli occhi.

Inoltre, non vuoi avere animazioni tremolanti e lampeggianti che coinvolgono colori ad alto contrasto. Questi possono essere difficili per le persone con sensibilità alla luce.

Consiglio di Kimp: invece di chiederti se quel rosso che hai scelto per il carattere starebbe bene su uno sfondo grigio, usa uno strumento online come WebAIM Contrast Checker per scoprire il rapporto di contrasto.

3. Fai attenzione quando usi le sovrapposizioni di testo

Un altro aspetto del design da evitare se si desidera creare un design accessibile sarà il posizionamento di sovrapposizioni di testo su sfondi complicati. Quando c'è molto da fare in background, anche i caratteri più leggibili a volte sono difficili da leggere. Può essere più difficile per le persone con dislessia, per esempio. Si stima che il 10% della popolazione sia dislessico. I tuoi volantini aziendali o biglietti da visita o il design dei social media dovrebbero essere facili da leggere per loro.

Gli sfondi complicati possono essere sotto forma di foto o sfondi con motivi. Sebbene entrambi questi disegni creino un ottimo sfondo, potrebbero non rendere sempre giustizia al testo che si trova in primo piano.

Per evitare ciò, puoi utilizzare caselle di testo o accenti che sono in tinta unita o traslucidi. Controlla di nuovo il rapporto di contrasto tra il colore del carattere e il colore dell'accento.

Ad esempio, il design sottostante fa risplendere le foto e rende anche il testo facile da leggere.

I problemi relativi al contrasto possono esplodere soprattutto quando si tratta di applicazioni come etichette per alimenti o etichette di medicinali. Se la dichiarazione di non responsabilità per le allergie o l'elenco degli ingredienti e le istruzioni sul dosaggio non sono chiare, il design dell'imballaggio può rappresentare un pericolo per la sicurezza dei suoi utenti.

Quindi, quando si tratta di applicazioni come il packaging in cui si dispone di uno spazio limitato con cui lavorare, ecco un'idea da provare. Kellogg's ha introdotto uno speciale design di imballaggio per le persone con disabilità visive. C'è un codice sulla confezione che può essere scansionato da persone che utilizzano lettori di schermo per assistenza. Questo è solo un modo per mantenere il tuo design ibrido e adatto a tutti i tipi di pubblico.

4. Progettare per il daltonismo

La scelta dei colori è di per sé una decisione stressante. Ma cosa succederebbe se dovessi renderlo adatto agli utenti con daltonismo? La buona notizia è che molti strumenti di progettazione ti consentono di progettare per le persone affette da daltonismo.

I tipi più comuni di daltonismo sono la protanopia, la deuteranopia e la tritanopia. Quando il tuo utente finale non riesce a vedere un colore diverso da un altro, la tua decisione di utilizzare colori diversi per il carattere e lo sfondo o colori diversi per catturare la gerarchia in un'infografica si rivela priva di significato.

Si stima che il daltonismo sia più comune tra i maschi caucasici. Se questo descrive il tuo pubblico di destinazione, allora non c'è dubbio sulla scelta di tavolozze di colori sicure per daltonici.

Strumenti come Adobe Color ti consentono di verificare se la tua tavolozza di colori è sicura per i daltonici. Vedrai una simulazione di come i colori scelti appaiono alle persone con daltonismo e puoi identificare i colori che appaiono uguali. Nell'immagine sottostante, i colori in cui appaiono le linee orizzontali sono i colori che sembrano simili agli utenti daltonici. Evita combinazioni così complicate se miri a un design accessibile.

Oppure, se desideri controllare un design esistente e renderlo sicuro per i daltonici, puoi utilizzare strumenti online come Coblis- Color Blindness Simulator per vedere come appare il tuo design a un utente daltonico.

Se il tuo pulsante CTA si apre e attira l'attenzione di un utente generico ma è quasi invisibile sullo sfondo per un utente daltonico, ti manca ancora il segno. Ogni utente conta, ogni interazione utente conta. Quindi, scegli i colori giusti.

Suggerimento Kimp: invece di fare affidamento solo sulla gerarchia basata sui colori, usa la dimensione del carattere e altri elementi per rendere le cose più chiare.

5. Aggiungi didascalie chiare per i video e testo alternativo per le immagini

Ricorda che alcuni dei tuoi utenti si affidano agli screen reader. Quindi, la tua immagine potrebbe non essere di alcuna utilità per loro a meno che tu non usi un testo alternativo pertinente. Sì, il tuo testo alternativo fa molto di più che aiutarti con la SEO. Aiuta a creare un design accessibile per i tuoi utenti. Ma sì, rimani sul punto, evitando quelli lunghi e descrittivi.

L'altro aspetto testuale delle immagini saranno le didascalie nei video. Non fare affidamento sui sottotitoli generati automaticamente. Utilizza le sovrapposizioni di testo per guidare i tuoi utenti attraverso il video. Su YouTube, puoi creare capitoli per migliorare ulteriormente le cose. E infine, aggiungi le tue didascalie in un carattere chiaro e leggibile che non svanisca sullo sfondo. E ricorda che hai uno sfondo in movimento qui.

L'aggiunta di didascalie ti aiuta anche a soddisfare le esigenze delle persone che preferiscono guardare i propri video sui social media con l'audio disattivato. È una vittoria in entrambi i casi. Il fatto che le piattaforme di social media diano la priorità alle funzionalità di accessibilità come LinkedIn che ha recentemente aggiunto didascalie automatiche per i video, è un buon indicatore del fatto che è tempo di prendere sul serio il design accessibile.

Semplifica la progettazione accessibile con Kimp

Il design accessibile nel marketing consiste nello sfruttare il potere delle immagini senza ignorare le difficoltà e le esigenze di uno solo dei tuoi gruppi di pubblico. In effetti, per un minuto, dimentica il concetto di "gruppi target" e comprendi che stai comunicando uno contro uno con un insieme di individui unici. Questo cambia il modo in cui guardi i design del tuo marchio! E se hai bisogno di aiuto per creare questi design accessibili per il tuo marchio, fallo sapere ai nostri designer e saremo lieti di aiutarti a trovare i migliori annunci e post sui social media per soddisfare le esigenze dei diversi dati demografici dei tuoi clienti.

Iscriviti ora e prova un abbonamento Kimp gratuito per 7 giorni.

Post correlati