Accessibilità e design inclusivo

7 insegnamenti da una masterclass di Marina Aísa e Nevan Scott

Poter partecipare a tutte le masterclass, talk e webinar che ti interessano è praticamente impossibile. Ce ne sono molti e il tempo è limitato.

Quindi, nello spirito di collaborazione con la comunità, ho deciso di condividere i riassunti dei miei appunti presi durante gli eventi a cui posso partecipare e che ritengo possano essere utili ad altri.

Sentiti libero di commentare o mandarmi un messaggio se pensi che ci sia qualcosa che mi sia perso.

1. Che tipo di tecnologie assistive dovremmo avere in mente durante la progettazione?

Dovremmo progettare per la navigazione da tastiera e gli screen reader.

2. Quali sono i fondamenti per progettare esperienze accessibili?

• Usando gli standard
• Aggiunta di etichette a elementi solo visivi (come le icone)
• Il contrasto del colore deve essere minimo di 4,5 (livello di accessibilità AA)

• Gli input devono sempre avere un'etichetta. I segnaposto non sono accessibili perché molti screen reader non li raggiungono.
• I messaggi di errore o di conferma dovrebbero fornire feedback con qualcos'altro oltre al colore , come icone ed etichette.

• Comprendere l'HTML semantico. È ciò che fornisce la gerarchia strutturale a un sito Web e consente agli utenti con lettori di schermo di scansionare le informazioni invece di doverle esaminare tutte. Un esempio di ciò può essere l'uso corretto di tag come nav , header o diversi tipi di intestazioni: h1 , h2 , ecc.
• Comunicare correttamente con e con gli sviluppatori. Come designer possiamo pensare all'HTML semantico e fornire agli sviluppatori informazioni su quale tipo di tag potrebbe essere utilizzato per gli elementi nei nostri progetti.
• I tag ARIA (Accessible Rich Internet Applications) sono un insieme di attributi che puoi aggiungere agli elementi HTML che definiscono i modi per rendere il web accessibile. Ad esempio, il tag aria-live fornisce un feedback agli utenti di screen reader su cose che stanno accadendo sullo schermo (come un avviso) che altrimenti non noterebbero. Questo rientra maggiormente nell'area di sviluppo, ma è sempre interessante per i progettisti capire in cosa consistono e le funzionalità che possono fornire ai nostri utenti.

È importante ricordare che la navigazione tramite tastiera viene utilizzata da persone che possono vedere lo schermo ma potrebbero avere difficoltà nell'uso del mouse o di altri modi di navigazione. Come plus fornisce scorciatoie per utenti esperti, migliorando l'efficienza d'uso.

Pensa alla navigazione da tastiera come all'utilizzo di una TV con un telecomando. —NevanScott

La prima cosa da considerare è decidere quali elementi nei nostri progetti dovrebbero essere focalizzabili : solo gli elementi che hanno azioni correlate (come pulsanti, link, input, ecc.)

Successivamente, dovremmo essere sicuri di mostrare visivamente le cose che sono a fuoco.

6. Come possiamo progettare per le persone con disabilità cognitive?

Tutto ciò che migliora l'esperienza generale dell'utente rendendola più facile da capire, semplificandola ed evitando un carico cognitivo elevato aiuterà a costruire un'esperienza migliore per le persone con disabilità cognitive.

Inoltre, un'osservazione su come il ruolo di scrittura UX sia essenziale per questo scopo. La capacità di scegliere le parole giuste, la quantità di testo e la capacità di comunicare in modo diretto e chiaro.

Inoltre, la riduzione del movimento o l'aggiunta della possibilità di attivare e disattivare il movimento nei nostri progetti è qualcosa che dovremmo prendere in considerazione.

7. Come viene verificata l'accessibilità?

È possibile ed è sempre una buona idea testare con persone con disabilità diverse. Ti faranno conoscere in prima persona i problemi che incontrano.

Ma su base giornaliera di solito viene testato attraverso una valutazione euristica .

Grazie per aver letto!