Accessibilità per le app: linee guida, esempi e best practice su come prendersi cura dell'utente

Secondo l'OMS, il 15% della popolazione mondiale soffre di una qualche forma di disabilità. Nella maggior parte dei casi, le società consapevoli si sforzano di bilanciare la disparità di salute in modo che questa coorte di popolazione non senta alcun ostacolo a una qualità di vita riconosciuta. E funziona bene finché una persona con disabilità non affronta una situazione in cui qualcosa è fuori dalla sua portata a causa della scarsa accessibilità delle app mobili.

Perché l'accessibilità mobile è importante?

Rendere inclusive le tue candidature non è solo una questione di responsabilità sociale. Insieme alla coltivazione della diversità, le applicazioni mobili accessibili sbloccano un flusso di entrate aggiuntivo, offrono alla tua azienda vantaggi competitivi e aiutano a soddisfare le normative di conformità.

Empatia

Con l'avanzare dell'età, tutti affrontiamo alcuni limiti, che si tratti di problemi di udito, senso della vista ridotto o problemi motori. Inoltre, le disabilità situazionali e temporanee possono metterci tutti in contesti simili a quelli delle persone con disabilità a lungo termine. Pertanto, l'accessibilità mobile è un investimento a lungo termine che, tra le altre cose, ci aiuta a prenderci cura delle generazioni più anziane, di noi stessi e di coloro che lottano con condizioni temporanee.

La tecnologia assistiva è anche una strategia importante per integrare meglio le persone che affrontano ulteriori sfide nel mondo moderno e nelle comunità online.

Vantaggio competitivo

Secondo le statistiche, un americano su quattro vive con una disabilità. Rendendo la tua soluzione inclusiva, copri altri 61 milioni di utenti, il che amplia la portata degli utenti della tua applicazione.

Inoltre, l'inclusione tecnologica è commercialmente interessante. Il potere d'acquisto delle persone con disabilità è di circa 500 miliardi di dollari al netto delle tasse. Considerando il numero di app inaccessibili, l'accessibilità dell'app e del dispositivo mobile può generare questo flusso di entrate aggiuntivo.

L'accessibilità dei telefoni cellulari riduce anche i costi operativi della tua attività. Una banca SNS olandese ha ridotto di oltre il 15% il numero di chiamate al call center e le spese associate. I risparmi sono associati alle modifiche all'accessibilità del Web mobile apportate in precedenza dalla banca.

L'accessibilità rende la tecnologia migliore per tutti

L'inclusione tecnologica è essenziale per alcuni, ma utile per tutti. Sottotitoli, assistenti virtuali e software di riconoscimento vocale sono le funzionalità di riferimento per tutti gli utenti, comprese le persone con disabilità. Le indicazioni vocali del percorso, ad esempio, sono sia una funzione di accessibilità che un'opzione a mani libere per i conducenti. Pertanto, rendere la tua soluzione all-in andrà a vantaggio di tutti.

Conformità a standard e regolamenti

In molti casi, gli standard di accessibilità delle app mobili sono richiesti dalla legge. Gli Americans with Disabilities Act Standards for Accessible Design, o ADA, impongono l'inclusione di tutte le persone, in tutti i settori della vita pubblica, comprese le aziende basate sul web e le loro applicazioni.

La legge ADA lavora anche insieme alle Web Content Accessibility Guidelines (WCAG) che documentano un unico standard condiviso per l'accessibilità ai contenuti web. L'attuale versione WCAG è la 2.1, mentre una versione rivista è prevista per settembre 2022.

Entro il 2025, tutte le aziende con sede nell'UE devono anche ottimizzare i propri servizi e prodotti per l'accessibilità per conformarsi alle linee guida europee sull'accessibilità delle app mobili.

Migliore immagine del marchio

Infine, l'accessibilità digitale avvantaggia il tuo marchio e crea maggiori opportunità per i sostenitori del marchio. Inoltre, il 56% dei clienti ritiene che un'azienda debba assumere una posizione chiara sulle questioni sociali.

Come garantire l'accessibilità delle app mobili?

Ad oggi, le Linee guida per l'accessibilità dei contenuti Web, o WCAG, sono considerate il punto di riferimento per l'accessibilità dei siti Web. Le linee guida includono anche WCAG per dispositivi mobili, che delinea le migliori pratiche di accessibilità mobile. Di seguito, parleremo di come dovrebbe essere la tua applicazione per essere veramente accessibile secondo WCAG.

Tieni presente che ogni principio include tre livelli di conformità, dove A è il livello minimo e AAA sta per piena conformità. La maggior parte delle organizzazioni si sforza di ottenere un punteggio AA come mezzo d'oro.

Percettibile

Rendere percepibile la tua soluzione significa che gli utenti devono essere in grado di percepirla con uno o pochi sensi. In parole semplici, se il contenuto della tua app è orientato verso un'esperienza visiva, dovrebbe avere un'alternativa che coinvolga la percezione uditiva o qualsiasi altra modalità sensoriale.

Quale può essere il problema qui?

• Nessuna alternativa testuale

Alcune soluzioni potrebbero non offrire alternative testuali per i contenuti non testuali presenti sullo schermo, siano essi controlli o immagini, in un modo percepibile dal lettore dello schermo. Intrinsecamente rende l'app illeggibile per TalkBack o VoiceOver, che sono lettori di schermo predefiniti rispettivamente su Android e iOS.

Al contrario, le descrizioni vocali rendono accessibili tutti i dati non testuali ai non vedenti o alle persone con problemi di vista o ipovedenti. Facebook, ad esempio, ha implementato il testo ALT automatico per descrivere il contenuto visivo per gli screen reader.

• Nessuna adattabilità

Una soluzione mobile trascura l'accessibilità quando la sua struttura non è facilmente adattabile a diverse strutture e orientamenti di presentazione dei contenuti. In particolare, un prodotto inclusivo può passare sia al paesaggio che al ritratto senza sacrificare contenuti o elementi, proprio come nell'esempio seguente.

Le linee guida per l'accessibilità delle app mobili native impongono inoltre al tuo prodotto di contrassegnare le informazioni, la struttura e la gerarchia tra gli elementi. In questo modo, intestazioni, tabelle ed elenchi rimarranno intatti quando la presentazione cambia, mantenendo i tuoi layout semplici e coerenti.

L'adattabilità è essenziale per le persone con disabilità motorie, per gli utenti di screen reader, così come per le persone con difficoltà di apprendimento e affaticamento cognitivo.

• Nessun tratto distintivo

Contrasto inadeguato, una scelta sbagliata dei colori o l'assenza di ridimensionamento del testo influiscono sulla percezione degli utenti. Ad esempio, le persone con problemi di percezione del colore fanno fatica a distinguere tra determinati colori. Pertanto, i colori non dovrebbero essere l'unico modo per trasmettere differenze o sollecitare un'azione. Invece, combina il colore e il testo o le indicazioni dei caratteri per trasmettere informazioni.

La perdita di contenuto o funzionalità è un altro problema di accessibilità comune che si verifica in genere quando un utente ipovedente esegue lo zoom del testo. Le tue impostazioni di accessibilità mobile devono consentire un aumento fino al 200% mantenendo tutti i contenuti e gli elementi.

Operabile

Questo principio richiede che l'applicazione includa un'interfaccia completamente operativa ed elementi di navigazione in modo che l'utente possa utilizzare ogni funzione indipendentemente da disabilità o disabilità.

Quale può essere il problema qui?

• Mancanza di tempo

Data la diversità tra le persone, è difficile prevedere quanto tempo ci vuole per navigare nell'app o trovare una sezione specifica. La maggior parte delle applicazioni bancarie, ad esempio, ha un tempo massimo di sessione come misura di sicurezza. Tuttavia, i limiti di tempo o il contenuto sensibile al tempo rendono scomodo per uno screen reader o un utente anziano elaborare le informazioni.

I limiti di tempo flessibili o l'opzione di spegnimento, al contrario, rendono la tua domanda più adatta agli anziani, alle persone con problemi di vista o agli stranieri.

• Contenuto lampeggiante

Il contenuto lampeggiante è una bandiera rossa per le applicazioni inclusive in quanto può provocare convulsioni o altri effetti indesiderati. Pertanto, le persone che hanno disturbi convulsivi fotosensibili semplicemente non possono guardare luci lampeggianti o schemi visivi contrastanti senza che una reazione fisica avversa sia innescata da loro. Ecco perché è importante evitare i contenuti che lampeggiano più di 3 volte in 1 secondo e limitare l'area del flash a una piccola parte dello schermo di uno smartphone.

• Navigazione

La navigazione che non è né codificata a livello di codice né strutturata può anche impedire a un utente di consumare il contenuto. È particolarmente vero per gli utenti con disabilità visive che possono navigare nell'applicazione solo con la tecnologia assistiva e per le persone con disabilità cognitive e motorie.

Le aree di riferimento, le intestazioni descrittive, i titoli delle schermate univoci e i controlli etichettati consentono sia agli utenti che ai lettori di schermo di individuare la sezione necessaria in modo rapido e con meno pressioni di tasti. L'applicazione può anche essere codificata per saltare la grafica e i collegamenti di navigazione quando si consuma il contenuto con uno screen reader.

Tastemade, ad esempio, è un ottimo esempio di navigazione a schermo intero al lavoro, mentre l'esempio a destra ha sacrificato la rilevabilità per un design elegante.

Comprensibile

Secondo questo principio di accessibilità, tutte le informazioni e l'intera interfaccia utente devono essere facili da comprendere per qualsiasi persona, indipendentemente dal suo stato di salute. In poche parole, più la tua applicazione è intuitiva e diretta, maggiori sono le possibilità che raggiunga il livello di conformità AAA.

Quale può essere il problema qui?

• Prevedibilità

Alcune applicazioni preferiscono nascondere elementi di design dietro icone sofisticate o impiegare flussi utente futuristici. Sebbene tali disegni siano ammirevoli opere d'arte, mancano di chiarezza.

I menu degli hamburger, ad esempio, sono uno standard ampiamente accettato per lo sviluppo di app mobili che semplifica i menu per schermi compatti. Tuttavia, non sono né navigabili né prevedibili per le persone con disabilità visive, limitazioni cognitive, disabilità motorie e ridotta destrezza. La versione desktop di Telegram, ad esempio, ha un pulsante menu hamburger.

L'obiettivo principale del design prevedibile è quello di stabilire aspettative accurate su ciò che accadrà dopo attraverso modelli di progettazione coerenti, elementi semantici standard e una struttura informativa ordinata. Un'applicazione accessibile dovrebbe anche avere tutti gli elementi facilmente individuabili sullo schermo per fornire una comprensione accurata di dove si trova ora l'utente. La navigazione in basso, la barra laterale verticale o i menu permanenti giocano correttamente.

• Assistenza all'ingresso

Alcuni utenti con una visione di qualità inferiore e con disabilità intellettive e di lettura potrebbero trovare difficile inserire le informazioni senza errori o distinguere tra campi obbligatori e facoltativi. Per fornire assistenza, un'interfaccia dell'applicazione può includere indicazioni nei campi per rafforzare le informazioni importanti.

I segnali possono variare da attributi etichettati per lettori di schermo a stati selezionati e angoli arrotondati.

• Prevenzione degli errori

Allo stesso modo, i metodi tipici di indicazione degli errori potrebbero non funzionare per le persone con problemi di vista o con problemi di vista o persone daltoniche. Allo stesso modo, gli utenti con disabilità motorie o di lettura hanno maggiori possibilità di immettere l'input sbagliato, il che può portare a gravi conseguenze, comprese le responsabilità finanziarie. Pertanto, se l'applicazione non fornisce dati controllabili dall'utente, non è accessibile.

Gli invii reversibili, la conferma dell'ordine, l'eliminazione di un record o l'annullamento dell'invio di un messaggio sono alcuni esempi di misure di sicurezza che impediranno agli utenti di commettere errori.

Robusto

Le funzionalità di accessibilità dovrebbero essere distribuite senza problemi su piattaforme e dispositivi, comprese diverse versioni di lettori di schermo, terminali braille o software di ingrandimento del testo. In parole semplici, un design robusto è immune da errori di codifica che possono distorcere il contenuto o le funzioni di un dispositivo abilitato al Web o di una tecnologia assistiva.

Quale può essere il problema qui?

• Codifica scadente

Se il codice HTML dietro l'applicazione manca di tag di inizio e fine completi, il contenuto dell'app potrebbe essere visualizzato in modo diverso su tutti i dispositivi, non essere visualizzato affatto o essere illeggibile per le tecnologie assistive. Il codice HTML ben formato e conforme a tutte le specifiche del linguaggio di markup assicura che la struttura del contenuto accessibile rimanga come previsto su tutte le piattaforme e tutti i dispositivi.

Lo sviluppo multipiattaforma può fornire un livello adeguato di accessibilità?

Lo sviluppo multipiattaforma è un coltellino svizzero che accelera il time-to-market e uccide due piattaforme con un codice di base. Tuttavia, il potenziale di accessibilità dello sviluppo multipiattaforma è in ritardo rispetto alle applicazioni native. Pertanto, le tecnologie multipiattaforma rappresentano un compromesso tra accessibilità e riduzione dei costi, che possono comunque garantire almeno un livello base di accessibilità mobile su Android e iOS.

Pertanto, lo sviluppo di app Flutter si impegna a rendere le app più accessibili e include il supporto integrato per l'accessibilità combinato con le stesse funzionalità del sistema operativo. Flutter può aiutarti a implementare funzionalità di accessibilità come caratteri grandi, compatibilità con screen reader, contrasto sufficiente e altro ancora.

Ma tieni presente che l'accessibilità mobile è un risultato collettivo dell'intero team di sviluppo, inclusi gli sviluppatori Flutter. Mentre i progettisti UX/UI si dedicano alla creazione di interfacce inclusive, gli specialisti del controllo qualità si assicurano che la versione finale dell'app superi i test di accessibilità.

Non c'è bisogno di decidere tra accessibilità e design

La parità di accesso alla tecnologia consente a tutte le persone di partecipare alla società e sfruttare attivamente i comfort tecnologici. Insieme alla conformità alla conformità, l'accessibilità mobile contribuisce anche a una base di utenti più ampia e a un vantaggio competitivo della tua azienda. Tuttavia, molti sviluppatori sono ancora estranei agli standard di codifica dell'accessibilità poiché l'eccellenza nell'accessibilità richiede ricerca e know-how intensivi. E anche se hanno familiarità con il concetto, spesso è difficile racchiudere funzionalità inclusive in un'interfaccia estetica.
Se fai fatica a trovare un equilibrio tra accessibilità e design, la nostra azienda sa come ottenere punti su entrambi. Sulla base dei tuoi requisiti unici e degli standard di accessibilità, integriamo perfettamente l'inclusività in un design di app di prim'ordine. Mandaci una linea per creare una soluzione mobile di prima qualità che soddisfi tutti.

L'articolo è originariamente pubblicato qui