Design accessibile per utenti con disabilità

La tecnologia esiste per migliorare le nostre vite. Serve per aiutarci a fare le cose in modo efficiente, per portarci dal punto A al punto B più velocemente, così abbiamo più tempo per ciò che conta. In Boldist, crediamo che tutti gli utenti meritino la possibilità di utilizzare questi strumenti. Questo concetto è chiamato design universale e guida le nostre scelte di design.

Il design accessibile è la parte del design universale che garantisce agli utenti disabili la stessa facilità d'uso del resto della popolazione.

È una distinzione importante da fare quando un sito Web medio è tre volte meno utilizzabile per le persone con disabilità. Uno studio del Nielsen Norman Group ha rilevato che la percentuale di successo per gli utenti non vedenti che completano un'attività tramite uno screen reader era solo del 12,5% rispetto al 78,2% raggiunto dagli utenti non disabili e gli utenti non vedenti hanno impiegato più del doppio del tempo per completare l'obiettivo.

La Convenzione delle Nazioni Unite sui diritti delle persone con disabilità identifica due principali tipi di barriere per le persone disabili: ambientali e attitudinali. Sono le barriere attitudinali che diffondono un'aria di indifferenza mentre le persone con disabilità vengono isolate e gli viene detto che i loro problemi sono loro da gestire. Di conseguenza, permane un divario ingiusto nell'usabilità.

Non è così che funziona una società compassionevole, e non è così che costruisci un design empatico che si apre a tutti i tuoi utenti. Può essere difficile colmare completamente questo divario a causa della natura di una disabilità, ma l'ambiente online può essere molto più accessibile di quello che è. Tutto ciò che serve è un impegno nella ricerca e nella progettazione tenendo conto dell'accessibilità e i vantaggi sono significativi.

Vantaggi del design accessibile

Secondo l'Organizzazione Mondiale della Sanità, oltre il 15% della popolazione mondiale è disabile. Pertanto, la creazione di siti Web e app accessibili significa l'accesso a più clienti paganti. Non ignoreresti mai il 15% del tuo pubblico di destinazione, ma è esattamente ciò che fa la progettazione senza accessibilità.

Le persone hanno anche in testa che progettare per l'accessibilità significa meno libertà e un design poco attraente. In verità, il design accessibile tende ad apparire e funzionare meglio, caricare le pagine Web più velocemente e creare un'esperienza utente più ampia per tutti. Ad esempio, le didascalie destinate a un utente non udente vanno a vantaggio anche della persona che dimentica le cuffie a casa. L'accessibilità è al servizio del design universale.

La progettazione per l'accessibilità riduce anche i costi e il lavoro lungo la strada poiché meno tempo e denaro vengono impiegati per il debug e la correzione del codice. Questo stesso codice funge quindi da potenziatore SEO perché i motori di ricerca, come Google, comprendono i contenuti online in modo simile agli screen reader.

Con un design accessibile e una migliore esperienza utente, godrai di una maggiore reputazione e della consapevolezza di aver contribuito a rendere il mondo digitale un posto migliore.

E, come se non fossi già convinto, potresti essere obbligato dall'Americans With Disabilities Act a rendere il tuo sito web conforme all'ADA.

Dichiarazione di non responsabilità: non siamo avvocati, né siamo i tuoi avvocati, quindi non possiamo proteggerti dall'avvocato degli avvocati. Quello che possiamo fare è aiutarti a rendere più facile per tutti l'accesso al tuo sito web e pensiamo che sia importante.

Che cos'è la conformità ADA?

Proprio come noi, il Dipartimento di Giustizia crede che l'accesso alle tecnologie dell'informazione e della comunicazione sia un diritto umano fondamentale, quindi ha creato l'Americans With Disabilities Act (ADA). L'atto richiede che i siti Web, le app e il software di alcune organizzazioni soddisfino gli standard per la progettazione accessibile in modo che le persone con disabilità abbiano uguale accesso e facilità d'uso.

Puoi accedere a questi standard nelle linee guida WCAG 2.0 AA e includere quattro principi:

1. Percepibile: tutti i contenuti e gli elementi dell'interfaccia utente possono essere percepiti o regolati per soddisfare le esigenze degli utenti senza malfunzionamenti.
2. Operabile: tutti gli elementi dell'interfaccia utente sono utilizzabili e possono essere facilmente esplorati. Il completamento delle attività è efficiente.
3. Comprensibile: le informazioni e gli elementi dell'interfaccia utente sono facili da capire. (I moduli online sono un'area problematica comune.)
4. Robusto: gli utenti o la loro tecnologia assistiva possono interpretare i contenuti.

Sotto questi quattro principi ci sono 12 linee guida, ognuna con i propri criteri di successo e tecniche di consulenza per soddisfare tali criteri. È importante notare che il design dell'interfaccia utente (UI) è un sottosegmento del design UX e sono necessari entrambi per creare un prodotto accattivante e accessibile.

E mentre la creazione di UI e UX conformi alle linee guida ADA aiuta a evitare problemi legali, dovresti voler supportare tutti i tuoi utenti. Ciò significa tenere conto delle persone con disabilità sensoriali, cognitive e motorie.

Progettare per non vedenti e ipovedenti

L'attraversamento dell'ambiente digitale è particolarmente impegnativo per i non vedenti e gli ipovedenti a causa della sua natura visiva. Le utilità per la lettura dello schermo possono interpretare le interfacce online e leggere il testo ad alta voce, ma è necessario ottimizzare il testo e il codice per l'uso dell'utilità per la lettura dello schermo. La navigazione in pagine ricche di testo può essere frustrante quando non puoi scorrere i contenuti e ti mancano indicatori di progettazione o immagini che forniscano il contesto.

È qui che designer e sviluppatori si uniscono per creare testo alternativo e codice leggibili. Scrivere testo alternativo per l'accessibilità significa saper descrivere immagini ed elementi della pagina in modo chiaro e mirato. Etichetta i tag di intestazione nelle pagine Web, descrivi i collegamenti nel testo e formatta elementi come i moduli per i lettori di schermo.

Quindi i tuoi sforzi per una progettazione accessibile non vanno sprecati, assicurati che tutti i browser possano leggere il tuo codice.

Per gli utenti ipovedenti ma non ciechi, contrasta il colore per la visibilità e rendi le dimensioni dei caratteri regolabili. L'esecuzione di queste modifiche non dovrebbe influire negativamente sull'aspetto di altri elementi dell'interfaccia utente. L'uso di un rapporto di contrasto elevato è anche uno dei tanti modi per rendere la progettazione dell'interfaccia utente daltonica.

Molti di questi suggerimenti possono e devono essere adattati per creare anche un marketing accessibile per i non vedenti.

Progettare per non udenti e HOH

Il design per la comunità dei non udenti e con problemi di udito diventa più significativo man mano che gli elementi multimediali, dalle gif ai video, continuano a prendere il sopravvento sui contenuti. Uno dei modi migliori per rendere i tuoi contenuti accessibili ai non udenti è incorporare sottotitoli e trascrizioni per tutto l'audio.

Fornire didascalie amplierà anche il tuo pubblico potenziale per includere parlanti di altre lingue e chiunque non possa riprodurre l'audio ad alta voce.

Progettare per le disabilità cognitive

Anche gli utenti con problemi cognitivi o neurologici, inclusi ADHD, dislessia, difficoltà di apprendimento ed epilessia, dovrebbero essere presi in considerazione durante la progettazione dei prodotti.

Attenersi a un linguaggio semplice, una navigazione coerente, gerarchie chiare all'interno dell'architettura delle informazioni e consentire la regolazione dell'ora per le attività a tempo. Se incorpori un motore di ricerca interno, ottimizzalo per tollerare gli errori di ortografia. Apportare queste modifiche andrà a beneficio di tutti i tuoi utenti nella navigazione del tuo prodotto, sia quelli con che senza disabilità cognitive.

Per gli utenti che soffrono di epilessia, ci sono linee guida sui contenuti sicuri che puoi seguire per evitare di scatenare convulsioni. Il contenuto lampeggiante è un trigger comune, quindi è consigliabile limitare il flashing a meno di tre volte al secondo. Evitare sempre il colore rosso nel contenuto lampeggiante.

Progettare per le disabilità motorie

I membri della tua base di utenti potrebbero avere una disabilità motoria, come mobilità ridotta o tremori, con cui sono nati o con cui sono rimasti dopo un incidente o un ictus. Molti di questi utenti sfruttano la tecnologia assistiva, tra cui tastiere alternative e software di comando vocale.

Rendi i tuoi progetti e i tuoi contenuti accessibili agli utenti con disabilità motorie assicurandoti che siano compatibili con la navigazione da tastiera e la tecnologia dei comandi. Tutte le azioni e le attività del sito devono essere traducibili su questi dispositivi.

Altre forme di accessibilità

Le persone con disabilità non sono le uniche a incontrare ostacoli all'accessibilità. Il contesto in cui si utilizza un prodotto può influire sull'usabilità in diversi modi. Le limitazioni situazionali includono la privazione del sonno, l'essere sottoterra, l'essere in un ambiente molto illuminato, avere una larghezza di banda limitata o persino essere in uno spazio pubblico.

Tenendo conto di tutte le barriere di usabilità, un web designer si avvicina al design universale, in cui tutti gli utenti possono utilizzare un prodotto in tutti i contesti.

Ricerca. Disegno. Audit. Ripetere.

L'accessibilità dovrebbe essere coinvolta dall'inizio del processo di progettazione in poi, ma non è mai troppo tardi per iniziare. Il test di accessibilità è uno dei tanti metodi di ricerca UX che puoi utilizzare per scoprire in anticipo problemi di usabilità. Puoi anche creare personaggi del pubblico per utenti disabili per aiutarti a rimanere empatico alle loro esigenze durante la progettazione dell'esperienza utente.

Dopo la progettazione, conduci regolarmente audit di accessibilità sui tuoi prodotti sviluppati anche quando sono pubblici. Assicurati che tutto, dal codice ai tag alt e alle combinazioni di colori, soddisfi gli standard per il design accessibile. Il progetto A11Y fornisce eccellenti risorse per la valutazione dell'accessibilità.

Quando progetti e controlli i tuoi prodotti digitali, valuta l'accessibilità di audio, colore, animazione, immagini, struttura, controlli, font ed elementi temporali.

Rendi la progettazione accessibile una priorità

Usiamo la tecnologia ogni giorno per semplificarci la vita e tutti meritano uguale accesso a questi strumenti. Quando ti impegni a sviluppare siti Web e app accessibili, contribuisci all'uguaglianza aumentando i tuoi KPI.

Se stai costruendo un prodotto digitale o hai bisogno di una riprogettazione, rendi l'accessibilità una priorità e contatta gli esperti di design.