Costruire un Web inclusivo perché l'accessibilità è importante

L'accessibilità conta perché noi, le persone, vogliamo usare il web. Lavorare verso un web inclusivo ci aiuta a raggiungere questo obiettivo.

In questo articolo condividerò le mie considerazioni sul perché l'accessibilità è importante; dall'empatia e ciò che è semplicemente "buon affare", attraverso le leggi sull'egoismo e l'accessibilità.

Giornata internazionale delle persone con disabilità

La data di pubblicazione di questo articolo non è casuale: il 3 dicembre è la giornata internazionale delle persone con disabilità delle Nazioni Unite. Oggi vorremmo sensibilizzare e dimostrare cosa possiamo fare con il web design inclusivo.

Che cos'è l'accessibilità al web?

Quando parliamo di accessibilità del web, spesso iniziamo definendolo. Mi piacerebbe iniziare con la citazione:

"Costruiresti un ponte che solo un tipo specifico di auto può usare?" - Andrea Fercia

Lascia che affondi per un po '. Non riesco a pensare a un modo migliore per riassumere il web inclusivo (e ti suggerisco di leggere tutti i brillanti articoli di Andrea sull'accessibilità dopo questo).

In altre parole, tutti dovrebbero essere in grado di navigare, navigare e interagire con il web utilizzando qualsiasi dispositivo che potrebbero avere.

Si noti che non ho ancora menzionato gli utenti con disabilità. È vero che diversi tipi di disabilità giocano un ruolo importante nell'accessibilità del web, ma ognuno può avere esigenze speciali. Siamo tutti diversi e le nostre esigenze possono cambiare nel tempo. Diamo un'occhiata ad alcuni esempi di diversità.

L'accessibilità riguarda te e me

Molte cose possono influenzare il modo in cui usiamo il web. Ecco un paio di mini-storie su diversi tipi di persone e su come potrebbero faticare a usare il web.

I miei genitori, 74 anni

La vista dei miei genitori non è più così bella. Entrambi hanno indossato gli occhiali per anni, ma non è l'unico problema. Il vero problema è il loro vecchio monitor scadente. Con la loro vista è impossibile vedere il testo se non c'è abbastanza contrasto tra lo sfondo e il colore del testo.

Lottano anche per usare siti più complessi o compilare i moduli. Ciò potrebbe essere dovuto al fatto che i siti Web e le forme possono essere troppo complessi, ma sicuramente desiderano utilizzare servizi online proprio come me.

Stiamo celebrando l'accessibilità! Non proprio, più come la Finlandia di 100 anni.

Sindrome di Usher

La moglie del mio amico ha la sindrome di Usher, tipo tre. Ha una vista ristretta, il che significa che i siti "occupati" sono problematici per lei. Ha difficoltà a navigare e a localizzare il contenuto reale quando nella pagina si verificano molti eventi. Per i suoi bisogni, più semplice è, meglio è.

Un buon contrasto cromatico aiuta in modo significativo durante la lettura del testo e sottolineando i collegamenti aiuta a identificarli all'interno del testo.

I pulsanti di invio modulo sono difficili da trovare se hanno solo bordi sottili con uno sfondo trasparente e lo stesso vale per i campi modulo se non hanno una separazione netta dallo sfondo.

Mi informa inoltre che gli annunci tra i contenuti sono confusi. Non potrei essere più d'accordo.

Infortunio in un incidente

Un paio di anni fa il mio amico era in un incidente d'auto e ha rotto le ossa con entrambe le mani. Per un chitarrista è stato uno shock. Ma lo shock è stato quasi altrettanto grande nel rendersi conto che avrebbe faticato a usare il suo laptop e il suo telefono mentre si stava riprendendo dall'incidente.

Ha iniziato a usare i comandi da tastiera sul suo laptop e i comandi vocali sul suo smartphone. Tuttavia, molti siti Web che desiderava utilizzare non erano accessibili solo tramite la tastiera. Anche le piccole attività potrebbero richiedere ore.

Studente con ipovisione

La mia prima esperienza personale di accessibilità è stata una mia studentessa che ha avuto un ipovisione. Non era completamente cieca, ma doveva usare una lente d'ingrandimento per leggere.

Ha anche utilizzato uno screen reader per navigare nel web, ma la maggior parte dei siti era più facile da usare con il suo ingranditore magico.

  • A volte non riusciva a trovare o aprire la navigazione.
  • A volte il muro di testo, lunghi paragrafi senza intestazioni o liste erano troppo per lei.

Ma lei ha fatto i conti con le barriere. "Sto solo andando a trovare un altro sito web migliore", ha spesso notato.

Studenti che hanno difficoltà a leggere

Non insegno le lingue (insegno matematica) ma parlo spesso con insegnanti che lo fanno. Gli studenti possono avere difficoltà a leggere e comprendere il testo per diversi motivi:

  • Hanno dislessia o altre difficoltà di lettura.
  • Il contenuto non è scritto molto bene. Scrivere contenuti più accessibili può essere una soluzione per questo.
  • Il contenuto non è nella loro lingua madre. I siti multilingue aiutano a ottenere informazioni.
  • Cercano di fare il multitasking. Interfacce utente semplici e chiare aiutano a mantenere la concentrazione.
Concentrato ...

Color Blindness

È quasi certo che alcuni dei miei amici siano daltonici. Diamine, anche io potrei avere una sorta di daltonismo. Il daltonismo è così comune.

Immagina che i collegamenti non siano sottolineati nel tuo contenuto principale, ma invece si basino su un colore diverso. Come li distingueresti se sperimentassi una sorta di daltonismo?

Ecco un paio di buone risorse ed esempi di daltonismo:

  • Casi di fallimento e di successo sui daltonici
  • Video: come funziona il daltonismo

Nessuna didascalia su video, nessuna trascrizione su audio

Va da sé che le persone sorde o con problemi di udito traggono beneficio dalle didascalie video o dalla trascrizione dell'audio. Ma quante volte hai anche bisogno di didascalie?

  • Forse la lingua parlata non è la tua lingua madre, e tu la capisci meglio quando scrivi. Ancora meglio se tradotto.
  • Forse non riesci a sentire l'audio, perché il tuo ambiente è troppo rumoroso.
  • Oppure non puoi accendere il suono perché la tua metà migliore sta già dormendo accanto a te. Dove sono quelle cuffie quando ne hai bisogno?
  • Le didascalie potrebbero anche averti aiutato a trovare i contenuti video sul web; anche i motori di ricerca amano i contenuti testuali.

Amo lavorare in riva al mare!

Recentemente ho provato a lavorare in riva al mare. Ho immaginato che un bellissimo ambiente idillico avrebbe fatto meraviglie per la mia produttività. Quanto ero sbagliato.

Il Wi-Fi era orribile e al mio schermo non piaceva la luce del sole. Un paio di birre dopo e ho finito di lavorare. Sospiro.

Diversità delle persone

Da tutti questi esempi avrai notato la vera diversità di persone e situazioni, pur condividendo molti degli stessi problemi. A volte i problemi di accessibilità sono:

  • permanente
  • temporaneo
  • situazionale

Se l'empatia per queste situazioni non ti ha ancora convinto, ci sono altri motivi concreti per cui il web design inclusivo è importante.

Il web design inclusivo è buono per il business

In qualità di proprietario di un'attività commerciale, desideri escludere potenziali clienti utilizzando il tuo prodotto? Spero di no. Ecco alcuni numeri fuori dalla mia testa:

  • Il 20% delle persone fa affidamento su un Web inclusivo e sull'accessibilità, altrimenti non sarebbe in grado di utilizzare il proprio prodotto.
  • Il 50% delle persone beneficia di una rete e accessibilità inclusive.
  • Tutti traggono vantaggio dal fatto che un sito web sia utilizzabile.

Secondo il libro di Jonathan Hassell che include il 20% mancante, queste stime sono piuttosto accurate. Usa il Regno Unito come esempio.

  • Popolazione totale del Regno Unito: 62,2 milioni.
  • Numero totale di disabili nel Regno Unito: 11 milioni (circa il 18% della popolazione).
  • Circa 7 milioni di persone hanno una menomazione fisica, di cui 2,5 milioni hanno difficoltà a usare le mani, il che può impedire l'uso delle tastiere dei computer e altro.
  • 2,2 milioni di persone hanno difficoltà con la memoria, la concentrazione o l'apprendimento, di cui circa 1 milione ha difficoltà di apprendimento.
  • 2,1 milioni di persone hanno qualche forma di difficoltà di comunicazione.
  • Quasi 2 milioni di persone hanno un deficit uditivo che disturba il loro stile di vita, di cui 20.000 usano la lingua dei segni britannica per comunicare.
  • Circa 2 milioni di persone sono dislessiche.
  • 1,8 milioni di persone hanno una disabilità visiva che è dirompente per il loro stile di vita, che va da quelli che possono avere difficoltà a leggere il testo senza essere ingrandito fino a quelli che potrebbero aver bisogno di ingrandire il display del proprio computer fino a 16 o 32 volte.
  • L'8% di tutti gli uomini e lo 0,4% di tutte le donne sono daltonici.
  • 180.000 sono gravemente ipovedenti (ciechi).
  • Oltre 1 milione di persone ha una condizione progressiva, ciclica o fluttuante come la sclerosi multipla.
  • Oltre 1 milione di persone ha condizioni di salute mentale, la maggior parte delle quali difficilmente riesce a trovare che influisce sul loro uso di Internet.

L'accessibilità è buona per l'usabilità

Usabilità e accessibilità camminano di pari passo ed entrambi condividono lo stesso obiettivo: il sito Web o l'app è facile da usare per tutti.

Mi piacciono questi criteri di buona usabilità:

  • Design intuitivo: gli utenti comprendono rapidamente la struttura del sito e la navigazione.
  • Facilità di apprendimento: gli utenti capiscono rapidamente di cosa tratta il sito e completano le principali attività del sito.
  • Efficienza d'uso: le attività sono veloci da completare.
  • memorabilità: gli utenti possono facilmente ripetere le stesse attività quando tornano.
  • Frequenza e gravità dell'errore: gli utenti commettono errori durante la navigazione del sito, sono errori gravi o meno?
  • Soddisfazione soggettiva: gli utenti come il tuo sito web!

Questi sono perfettamente allineati con l'accessibilità e idee di progettazione web inclusiva.

L'accessibilità è buona per SEO

I motori di ricerca sono ciechi. Troverai quindi alcune sovrapposizioni in SEO e accessibilità:

  • HTML semantico. 
  • Intestazioni e struttura della pagina.
  • Immagine alt text.
  • Collega il testo dell'ancora.
  • Titoli di pagina.
  • Trascrizioni video e audio.

L'articolo di Karl Groves Accessibilità e mito SEO ha un punto valido in quanto i casi d'uso SEO rappresentano solo una piccola parte dell'accessibilità. È vero che l'accessibilità non porta automaticamente a una migliore SEO, ma anche la piccola parte di sovrapposizione è buona da tenere a mente.

L'accessibilità è richiesta dalla legge

Non sei ancora convinto che l'accessibilità sia una parte naturale del web e dei prodotti digitali? Saliresti a bordo se la creazione di siti Web accessibili e di prodotti digitali fosse richiesta dalla legge?

Bene, è richiesto dalla legge in molti paesi. Non so del tuo paese (per favore lascia un commento e faccelo sapere) ma nell'Unione europea (UE) esiste una direttiva che rende più accessibili i siti web e le app mobili degli enti pubblici. È stato approvato il 22 dicembre 2016.

Si noti che questa direttiva riguarda specificamente i siti web del settore pubblico. Ma non lasciare che il dettaglio ti scoraggi. Puoi includere l'accessibilità in tutto il tuo lavoro.

UNIONE EUROPEA. gli stati membri hanno qualche anno per mettere in atto questa legislazione, ma devono essere implementate prima del 23 settembre 2018. In Finlandia ciò significa il seguente tipo di programma:

  • I siti web pubblicati dopo il 23 settembre 2018 devono essere accessibili entro il 23 settembre 2019.
  • I siti web pubblicati prima del 23 settembre 2018 devono essere accessibili entro il 23 settembre 2020.
  • Le app mobili devono essere accessibili entro il 23 giugno 2021.
  • Le extranet e le intranet pubblicate prima del 23 settembre 2019 devono essere accessibili quando vengono ripristinate.

Leggi sull'accessibilità in Europa

Ci sono quattro punti principali menzionati nella direttiva che spiegano come costruire servizi digitali più accessibili. Devono essere:

  1. percepibile: le informazioni e le componenti dell'interfaccia utente devono essere presentabili agli utenti in modi che possano percepire.
  2. operabile: i componenti dell'interfaccia utente e la navigazione devono essere operativi.
  3. Comprensibile: le informazioni e il funzionamento dell'interfaccia utente devono essere comprensibili.
  4. robusto: il contenuto deve essere sufficientemente robusto da poter essere interpretato in modo affidabile da un'ampia varietà di programmi utente, incluse le tecnologie assistive.

Ad essere onesti, non capisco appieno cosa significhi esattamente questo, sembra che ci sia spazio per l'interpretazione. Ma capisco che queste regole siano in linea con le Linee guida per l'accessibilità dei contenuti Web (WCAG). Per ulteriori informazioni su WCAG qui ci sono alcune risorse utili:

  • Un rapido riferimento a WCAG traduce il significato di queste linee guida in modo più dettagliato e in un modo più comprensibile.
  • Capire WCAG 2.0 è un riassunto ancora migliore.
  • Si noti che WCAG versione 2.1 viene rilasciato mentre sto scrivendo questo.
  • Inoltre, l'accessibilità al web nelle pagine della UE e dell'Accessibilità europea ha più informazioni utili.

Leggi sull'accessibilità negli Stati Uniti e in altri Paesi

Negli Stati Uniti, le leggi sull'accessibilità sono indicate nella sezione 508. Il Gruppo Paciello ha una buona panoramica degli aggiornamenti sulla sezione 508 legge.

Vi incoraggio a scoprire quali sono le leggi sull'accessibilità del vostro paese.

L'accessibilità è uno sforzo di squadra

Penso di aver sentito qualcosa? Era un suono del tuo passaggio mentale:

"Ehi, costruiamo quel ponte per tutti. Non solo per le nostre Ferrari ".

Le persone del mondo lo apprezzerebbero molto. Ma questo non è uno spettacolo per una sola persona; ha bisogno di tutti nella vostra azienda o organizzazione per essere coinvolti.

  • Designers.
  • Sviluppatori.
  • tester.
  • Content manager.
  • Capi progetto.
  • Persone che prendono decisioni.

L'accessibilità è un cambiamento di mentalità per l'intera azienda. Non è solo una lista di controllo per ciò che devi fare nel tuo ruolo. In un mondo ideale vorremmo tutti costruire una rete utilizzabile, accessibile, inclusiva e migliore tutti.

risorse

Voglio ringraziare Rian Rietveld per avermi aiutato a scrivere questo articolo. È stata di grande aiuto nel condividere e rimbalzare idee. Ecco un promemoria di un paio di risorse utili che abbiamo trattato nell'articolo:

  • Articoli di Andrea Fercia sull'accessibilità
  • Scrivere contenuti accessibili
  • Video: come funziona il daltonismo
  • Design inclusivo in Microsoft
  • Accessibilità per tutti (libro)
  • Capire le WCAG 2.0
  • Accessibilità egoista di Adrian Roselli