Secondo Techopedia , l’accessibilità è “una misura dell’usabilità di un sistema informatico per tutte le persone, comprese quelle con disabilità o menomazioni”. In termini più semplici, l’accessibilità web significa che un sito web, un’applicazione o uno strumento digitale viene creato con l’intenzione in modo che le persone di tutte le abilità possano usarlo come dovrebbe essere usato. L’accessibilità tiene conto delle disabilità fisiche, visive, uditive, neurologiche, del linguaggio e cognitive con l’obiettivo finale di consentire a persone di tutte le abilità di partecipare o utilizzare il sito Web o lo strumento.
Per aiutare la tua organizzazione non profit a comprendere l’accessibilità web, esamineremo le linee guida, perché è importante per le organizzazioni non profit e come puoi rendere accessibile il tuo sito.
Lo sapevate? L’accessibilità è spesso indicata come “a11y” e “11” rappresenta il numero di lettere tra ae y.
Cos’è l’accessibilità web?
Attualmente, gli standard per ciò che significa essere accessibili provengono dalle Linee guida per l’accessibilità dei contenuti Web (WCAG). Queste linee guida sono stabilite dal World Wide Web Consortium (W3C), che è il gruppo principale per la definizione degli standard internazionali per Internet.
Queste linee guida sono incentrate sui contenuti web che aderiscono a quattro standard principali :
- Percepibilità: l’utente può identificare i contenuti e gli elementi dell’interfaccia tramite i sensi (principalmente tramite la vista e / o l’udito). Esempio: quando carichi un video con parlato, fornisci una trascrizione di testo in modo che il contenuto possa essere consumato con o senza audio.
- Operabilità: l’utente può utilizzare con successo controlli, pulsanti, navigazione e altri elementi interattivi necessari. Esempio: assicurati che i moduli sul tuo sito web possano essere esplorati e inviati solo con i controlli da tastiera.
- Comprensibilità : l’utente dovrebbe essere in grado di comprendere il contenuto e imparare e ricordare come utilizzare l’interfaccia. Esempio: evitare di utilizzare termini e acronimi inspiegabili durante la scrittura di contenuti in modo che possano essere compresi da tutti i lettori.
- Robustezza: l’utente dovrebbe essere in grado di scegliere, in misura ragionevole, la tecnologia che utilizza per interagire con il prodotto. Esempio : un browser web specifico non dovrebbe essere necessario per accedere o utilizzare il tuo sito web.
Molti ritengono che l’accessibilità riguardi principalmente l’ottimizzazione dei contenuti Internet per i non vedenti, ma i contenuti Web accessibili avvantaggiano gli utenti di tutte le diverse abilità e contesti. L’accessibilità migliora l’esperienza per le persone senza disabilità nei seguenti scenari:
- Utenti su dispositivi mobili (smartwatch, tablet, dispositivi con diverse modalità di input, ecc.)
- Utenti con “disabilità temporanee” come una mano ferita
- Utenti che hanno “limitazioni situazionali” come quando non possono ascoltare l’audio
- Utenti che dispongono di una connessione Internet lenta o limitata
Perché l’accessibilità web è una priorità per le organizzazioni non profit?
L’inclusività è il concetto centrale alla base dell’accessibilità web poiché influisce direttamente sul numero di persone in grado di consumare i contenuti attraverso il tuo sito web. Se il tuo sito non è accessibile, impedisci a gruppi di persone di ottenere informazioni, utilizzare un servizio o vivere un’esperienza che altre persone possono fare.
Ad esempio, un individuo con problemi di udito avrebbe un’esperienza molto migliore se una trascrizione fosse fornita insieme al contenuto audio. Allo stesso modo, qualcuno senza il pieno utilizzo delle proprie mani trarrebbe vantaggio dal non aver bisogno di raggiungere un mouse per navigare in un modulo web.
Fornire un’esperienza uguale a tutti è un aspetto importante della tua presenza sul web e questo va ancora oltre se pensi alle caratteristiche che definiscono il settore non profit. In quanto comunità di persone dedite a fornire servizi che cambiano la vita e a fare progressi contro le più grandi lotte dell’umanità, le organizzazioni senza scopo di lucro hanno la responsabilità unica di rendere i loro contenuti utilizzabili per tutte le persone. Ciò offre a tutte le persone pari opportunità di cercare aiuto, unirsi alla tua causa o semplicemente conoscere la tua missione.
L’accessibilità è anche un pezzo importante del puzzle quando si tratta di ottenere il supporto necessario per creare impatto. Un sito veramente accessibile ha il potenziale per migliorare l’esperienza di tutti gli utenti e avrà un impatto se navigano attraverso i tuoi contenuti per saperne di più, tornano al tuo sito e se intraprenderanno o meno un’azione come fare una donazione.
Come posso rendere più accessibile la presenza sul web della mia organizzazione non profit?
Garantire che i tuoi contenuti aderiscano alle linee guida per l’accessibilità web spesso inizia nelle fasi di ideazione. Che si tratti di selezionare una tavolozza di colori accessibile, scegliere un carattere leggibile o configurare un layout facile da navigare e comprendere, il design della tua pagina web è il fondamento dell’accessibilità. Sebbene iniziare con un design accessibile sia l’ideale, ci sono molti modi per apportare miglioramenti all’accessibilità in qualsiasi momento.
Ad esempio, il team di progettazione di Classy ha compiuto grandi passi avanti per migliorare l’accessibilità del prodotto esistente di Classy affrontando alcuni dei suoi elementi di design chiave. L’ex designer di prodotti senior, Ana Medina ha dettagliato la loro esperienza e ha offerto un sacco di consigli pratici in un post per il blog del team di design di Classy .
Un notevole miglioramento del design che abbiamo già apportato a Classy è stato la sostituzione del colore accento utilizzato in tutti i profili dei membri e nella suite di gestione con una tonalità più accessibile e con contrasto più elevato.
Il precedente colore di accento a contrasto inferiore si trova a sinistra e il nuovo colore di accento a contrasto più elevato a destra.
Per un utente senza perdita della vista, l’immagine precedente a sinistra in alto potrebbe non sembrare troppo fastidiosa. Tuttavia, se applichiamo un filtro di simulazione della vista con una leggera perdita di acuità e una moderata perdita di contrasto, puoi dire come il nuovo colore accento dà alla nostra interfaccia utente una maggiore leggibilità.
Il precedente colore di accento a contrasto più basso è a sinistra e il nuovo colore di accento a contrasto più alto è a destra con un filtro a basso contrasto e perdita di acuità visiva applicato.
Con una solida base di progettazione accessibile, il resto della magia dell’accessibilità avviene durante la fase di implementazione, quando gli sviluppatori o i creatori di contenuti creano una risorsa per il consumo sul web. Gli implementatori devono tenere a mente tutti i diversi modi in cui le risorse che stanno costruendo potrebbero essere consumate. I tag alt vengono applicati correttamente per aggiungere un contesto basato su testo agli elementi visivi? Ogni elemento interattivo può essere utilizzato solo con una tastiera? Può essere molto da tenere d’occhio, ma fortunatamente ci sono alcuni strumenti a nostra disposizione.
Strumenti di test di accessibilità
Se desideri rendere il tuo sito esistente più accessibile ma non sai da dove iniziare, può essere utile eseguire un controllo. Strumenti come WAVE possono eseguire la scansione del tuo sito Web per eventuali evidenti reati WCAG e quindi offrire soluzioni.
Un altro modo per testare la tua implementazione è provare a usarlo in modi alternativi, come i seguenti:
- Prova a fare clic sui pulsanti o a compilare i campi del modulo utilizzando solo la tastiera.
- Usa un simulatore di disabilità visiva come NoCoffee per assicurarti che la tua interfaccia non si basi solo sui colori per trasmettere significato e che il rapporto di contrasto del colore sia sufficientemente alto.
- Utilizza uno screen reader come VoiceOver (fornito di serie su Mac) o Jaws (disponibile per PC) e verifica qual è l’output vocale della tua pagina mentre la navighi.
Una volta che hai un elenco di elementi di accessibilità da affrontare, è ora di mettersi al lavoro! Quando si è trattato di migliorare l’accessibilità delle pagine di raccolta fondi e donazioni di Classy, il team di sviluppo ha iniziato con due aree di interesse: navigazione ed etichettatura.
Le etichette ARIA (Rich Internet Applications) accessibili sono state implementate per aiutare l’app ogni volta che il semplice HTML non era sufficiente. Questi aggiungono un contesto extra che i lettori di schermo possono utilizzare per facilitare la comprensibilità e la navigabilità di cose come menu a discesa, moduli e modali.
Per le aree del sito in cui normalmente non era possibile eseguire la tabulazione dei moduli, è stato aggiunto del codice per il ripristino manuale dove la pressione del tasto Tab avrebbe portato l’utente. Nell’esempio gif sopra, la parte successiva del modulo multiparte scorrevole dovrebbe essere focalizzata dopo che l’utente ha premuto “avanti”. A causa del modo in cui è costruito questo particolare modulo, il contenuto all’interno della successiva sezione del modulo sarebbe irraggiungibile premendo solo “tab”. Pertanto, ascoltiamo l’utente che preme “avanti” nel codice e ripristiniamo automaticamente il focus in modo che l’utente possa continuare facilmente a compilare i campi del modulo.
Per un’analisi più approfondita su come rendere le tue implementazioni più accessibili, consulta la Guida per gli sviluppatori di accessibilità .
E se non fossi un tecnico?
Non sei un super esperto di tecnologia? Nessun problema! La differenza tra un’organizzazione con una presenza sul Web accessibile e una senza spesso si riduce a una buona dose di sostegno. Essere un buon sostenitore dell’accessibilità è il modo più efficace per guidare il progresso e ispirare il cambiamento all’interno della tua organizzazione.
Ecco alcuni modi in cui puoi diventare un sostenitore della tua organizzazione non profit, non sono richieste competenze o abilità tecniche:
- Educa la tua squadra . Stabilire una base di conoscenza dell’accessibilità consentirà al tuo team di dare priorità all’accessibilità, identificare i problemi e realizzare soluzioni per loro. Aiutaci a connettere il tuo team alle risorse di cui ha bisogno per imparare, sia che si tratti di dedicare del tempo per completare i corsi online o di programmare la formazione in loco con un esperto.
- Incoraggia la discussione continua . Molto probabilmente, l’accessibilità del tuo sito sarà un processo continuo. Pianifica gli audit di accessibilità in base a una pianificazione prestabilita, ad esempio una volta al trimestre, per mantenere le cose in ordine.
- Crea un processo. Ogni volta che si discute di modifiche o aggiunte imminenti al sito, è opportuno eseguire un rapido controllo dell’accessibilità. Ciò può far risparmiare molto tempo alla tua organizzazione su possibili revisioni e aiutare il tuo team a coinvolgere il tuo team nel rendere l’accessibilità una delle principali preoccupazioni.
- Rendi l’accessibilità parte della tua cultura. I membri del tuo team saranno molto più propensi a partecipare al mantenimento e alla progressione dell’accessibilità del tuo sito web se è chiaro per loro che è incoraggiato e che è una priorità. Alla fine, una mentalità per l’accessibilità diventerà una parte naturale del flusso di lavoro e dei processi di ideazione del tuo team.
Vuoi saperne di più?
Questo articolo è solo una rapida panoramica dell’accessibilità, ma non temere! C’è una pletora di informazioni e risorse disponibili per continuare a imparare. Di seguito abbiamo elencato alcuni dei nostri preferiti.
- Linee guida per l’accessibilità dei contenuti Web : la principale fonte di verità per gli standard di accessibilità sul Web.
- Corso di accessibilità Udacity : un corso valido (e gratuito) sull’accessibilità web di Google.
- Il progetto A11y : una raccolta di risorse provenienti dalla comunità per apprendere sull’accessibilità web.
- Accessibility Developer Guide : una guida in linea completa per lo sviluppo di siti Web accessibili.
- WAVE : uno strumento di valutazione dell’accessibilità web che ti consente di collegare l’indirizzo di un sito web e vedere un elenco di violazioni WCAG.
- NoCoffee : un pratico plug-in di Chrome che ti consente di visualizzare i contenuti nel tuo browser con vari tipi di filtri per i problemi di vista.
- Controllo del contrasto : una risorsa facile da usare per verificare se un colore soddisfa le linee guida sul contrasto WCAG.
Allo stesso modo in cui le organizzazioni non profit si sforzano di avere un impatto positivo sul mondo, l’accessibilità ha lo scopo di contribuire a rendere il Web un luogo più inclusivo. Migliorare l’accessibilità web della tua organizzazione non profit può fornire un ambiente più positivo ed empatico per i tuoi sostenitori, beneficiari e membri del team esistenti e futuri.
Questo è un guest post scritto da Jenny Bormacoff. Jenny è un ingegnere del software presso Classy e adora ascoltare musica house, creare arte digitale, conoscere l’equità sociale e uscire con il suo cane, Indy.