Oggi le applicazioni rappresentano spesso uno degli strumenti principali per comunicare, lavorare, utilizzare servizi bancari, studiare e accedere ai servizi. Poiché vengono utilizzate in movimento, con una sola mano, in ambienti diversi e su dispositivi differenti, devono essere particolarmente flessibili. Se un’applicazione non è accessibile, alcuni utenti vengono esclusi dal suo utilizzo non per mancanza di conoscenze, ma a causa della progettazione dell’interfaccia.
Nello sviluppo delle applicazioni, i principi di accessibilità si basano anche sulle linee guida WCAG 2.2 e sulle raccomandazioni delle piattaforme (Android, iOS), che includono già funzionalità di supporto all’accessibilità.
Come progettare un’applicazione più accessibile?
Nelle applicazioni, l’accessibilità riguarda soprattutto le modalità di interazione, la leggibilità, l’adattabilità e la chiarezza del feedback. Di seguito sono riportati gli ambiti principali con il maggiore impatto.
1. Utilizzo senza gesti complessi
Perché è importante?
Non tutti gli utenti sono in grado di eseguire gesti complessi, scorrimenti rapidi o tocchi precisi. Alcuni utilizzano tastiere esterne, dispositivi a interruttore, controllo vocale oppure un solo dito.
Adattamenti principali:
- Tutte le funzionalità devono essere accessibili anche senza gesti complessi.
- Non affidarsi esclusivamente a scorrimenti, scuotimenti del dispositivo o gesti con più dita.
- Gli elementi interattivi devono essere sufficientemente grandi e distanziati.
Esempio di utilizzo di un gesto: scorrimento del dito sullo schermo del telefono cellulare con cui l’utente attiva una determinata funzione.
Maggiori informazioni sull’interazione tramite gesti e tocco
2. Struttura chiara delle schermate e sequenza logica
Perché è importante?
Gli utenti dei lettori di schermo si spostano nell’applicazione in modo sequenziale, per cui gli elementi devono essere organizzati secondo un ordine logico e prevedibile. Una gerarchia chiara, un ordine di lettura corretto e una navigazione coerente facilitano l’orientamento e la comprensione del funzionamento dell’applicazione.
Adattamenti principali:
- Gerarchia chiara dei contenuti sullo schermo.
- Sequenza logica degli elementi (lettura, focus).
- Disposizione coerente della navigazione tra le schermate.
Esempio di ordine non adeguato degli elementi che non segue il naturale flusso di lettura da sinistra a destra:
Maggiori informazioni sulla navigazione e sull’ordine dei contenuti (si apre in una nuova finestra)
3. Leggibilità e contrasto dei contenuti
Perché è importante?
Le applicazioni vengono utilizzate in diverse condizioni di illuminazione e su schermi differenti. Un contrasto insufficiente degli elementi testuali e non testuali o caratteri difficili da leggere possono diventare rapidamente una barriera, soprattutto per gli utenti ipovedenti, e rendere più difficile la comprensione dei contenuti anche per il pubblico più ampio.
Adattamenti principali:
- Contrasto sufficiente di testo, icone e controlli.
- Caratteri leggibili e dimensione di base del testo sufficientemente grande.
- Il colore non deve essere l’unico mezzo utilizzato per comunicare informazioni.
Esempio di contrasto non testuale insufficiente e adeguato nei pulsanti:
Maggiori informazioni sul contrasto adeguato e sull’uso del colore (si apre in una nuova finestra)
Maggiori informazioni sulla leggibilità del testo (si apre in una nuova finestra)
4. Supporto all’ingrandimento e alle impostazioni di sistema
Perché è importante?
Molti utenti ingrandiscono il testo o utilizzano le impostazioni di sistema per aumentare la dimensione dei caratteri, modificare il contrasto o utilizzare la modalità scura.
Adattamenti principali:
- L’applicazione deve rispettare le impostazioni di sistema relative alla dimensione del testo.
- I contenuti non devono sovrapporsi o scomparire quando vengono ingranditi.
- Il layout deve adattarsi senza perdita di funzionalità.
Esempio di adattamento non adeguato durante l’ingrandimento:
5. Etichette degli elementi e nomi comprensibili
Perché è importante?
Pulsanti, icone e campi privi di etichette chiare sono inutilizzabili o fuorvianti per i lettori di schermo.
Adattamenti principali:
- Ogni elemento interattivo deve avere un nome accessibile significativo.
- Le icone non devono essere l’unico mezzo per comunicare il significato.
- I campi devono avere un’etichetta chiara e non soltanto un suggerimento all’interno del campo.
Maggiori informazioni sulle etichette degli elementi
6. Comunicazione dello stato e feedback
Perché è importante?
L’utente deve sapere cosa sta accadendo: se il contenuto è in fase di caricamento, se un’azione è riuscita o se si è verificato un errore.
Adattamenti principali:
- Messaggi di stato testuali chiari, comunicati anche alle tecnologie assistive.
- Il feedback non deve essere fornito esclusivamente tramite colore, suono o animazione.
- Gli errori devono essere presentati e spiegati in modo comprensibile.
Esempio di notifica relativa all’invio di un modulo:
Maggiori informazioni sui messaggi di stato accessibili (si apre in una nuova finestra)
Maggiori informazioni sui messaggi d’ errore (si apre in una nuova finestra)
Perché le applicazioni accessibili sono importanti per tutti?
Le applicazioni accessibili non sono destinate soltanto a specifici gruppi di utenti. Grazie a una progettazione chiara, a un comportamento prevedibile e alla flessibilità, risultano più facili da utilizzare nelle situazioni quotidiane, richiedono meno sforzo per essere apprese e si adattano meglio a diverse modalità di utilizzo. Applicazioni di questo tipo sono di qualità superiore, più inclusive e più efficaci nel lungo periodo, sia per gli utenti sia per le organizzazioni che le sviluppano.