Molti designer e sviluppatori stanno da poco iniziando a capire l'importanza dell'accessibilità web. Dopo essere stato a lungo un argomento di nicchia, questo importante aspetto della progettazione sta sempre più ricoprendo un ruolo centrale anche nella costruzione di un sito web.
Cosa si intende per 'accessibile'? Accessibile è un contenuto web che può essere fruito da un utente indipendentemente dalla sua abilità o da limitazioni fisiche e/o cognitive, occasionali o permanenti, e indipendentemente dal tipo di tecnologia utilizzata per collegarsi alla Rete.
Negli Stati Uniti, da sempre anticipatori di tendenze, il tema dell’accessibilità sta iniziando a rivestire un ruolo centrale. Nel 2019 un non vedente ha citato in giudizio Domino’s Pizza perché il suo sito web non era compatibile con il software di lettura dello schermo. E, indovinate un po’, ha giustamente vinto! I siti web devono essere accessibili a tutti. Soprattutto per una persona disabile. E, in qualità di designer, è nostro compito assicurarci che i siti web che creiamo siano in grado di servire tutti i tipi di pubblico. Oggi avere una conoscenza base dei temi di accessibilità dei siti è importante sia per i designer che per gli sviluppatori, perché solo così possono progettare siti accessibili.
In questi ultimi anni sono state create delle linee guida per la progettazione di siti web al fine di renderli accessibili alle persone con disabilità. Quando si rende un sito web più accessibile è necessario prestare molta attenzione a molti aspetti del nostro progetto: il codice, i colori utilizzati, le dimensioni dei caratteri, la compatibilità con i browser meno recenti e altro ancora. Rendere un sito conforme agli standard di accessibilità web è ora fondamentale, che tu sia un grande brand o un ecommerce di piccole dimensioni.
Rendere il tuo sito web accessibile alle persone con disabilità non significa solo evitare le cause legali, ma soprattutto servire meglio i tuoi clienti.
Il primo caso di causa contro l'accessibilità del web ADA (Americans with Disabilities Act ) è avvenuto sempre in America nel 2017 ed è arrivato fino alla corte federale americana. Tutto perché un sito web non era compatibile con un software di lettura dello schermo. Immagina quanto possa essere frustrante per una persona ipovedente non essere in grado di ordinare un prodotto di cui ha bisogno da un sito web. Soprattutto in un momento come una pandemia, quando lo shopping online è l'unico modo per fare acquisti in sicurezza. Ecco perché pensiamo che rendere il tuo sito web accessibile alle persone con disabilità non significa solo evitare le cause legali, ma soprattutto servire meglio i tuoi clienti.
Qui di seguito 4 suggerimenti rapidi per testare e migliorare l'accessibilità del tuo sito web, che tu sia un designer oppure un brand troverai spunti e tool interessanti.
Il primo passo per rendere accessibile il tuo sito è eseguirne un controllo per vedere quali parti del progetto devono essere migliorate. Anche se hai utilizzato un codice pulito e hai seguito le linee guida standard per il web design, al tuo sito potrebbero mancare ancora alcuni elementi importanti. Come i tag alt multimediali che aiutano a descrivere le immagini quando si utilizza un software di lettura dello schermo. L'esecuzione di un test di accessibilità web ti aiuterà a trovare questi elementi mancanti in modo da poter iniziare a migliorare il tuo sito web.
Un buon punto di partenza è utilizzare dei tool gratuiti per eseguire dei test sul grado di accessibilità del tuo sito: tra i migliori segnaliamo Google Lighthouse e gli strumenti WAVE o ACE.
Se hai un'attività che si rivolge a un pubblico più ampio è meglio trovare una soluzione professionale piuttosto che fare affidamento su strumenti online gratuiti e che ti consenta di garantire la conformità nel tempo man mano che i requisiti e le raccomandazioni cambiano e si evolvono. Inoltre, una volta riconosciute le aree che devono essere migliorate, avrai bisogno di visual designer, progettisti UX e sviluppatori per implementare le modifiche. Un modo più economico, veloce e semplice per affrontare questo problema è utilizzare uno strumento di accessibilità web come accessiBe.
AccessiBe può integrarsi con il tuo sito web per scansionare e ottimizzare automaticamente il tuo progetto per l'accessibilità web. Utilizzando un potente motore di intelligenza artificiale, ottimizza il contenuto del tuo sito web per il software di lettura dello schermo, la navigazione da tastiera e molti altri elementi riguardanti l'esperienza utente. Se sei un designer freelance o un'agenzia, utilizzare un servizio come accessiBe è un ottimo modo per rendere i tuoi siti web più accessibili in modo rapido e semplice.
Il ruolo fondamentale dell'esperienza utente è spesso trascurato da molti brand fino a quando non vengono colpiti da possibili cause legali. Anche i designer dovrebbero avere una certa comprensione della User Experience Design (UXD) per assicurarsi che il contenuto del sito sia ottimizzato per fornire un'esperienza migliore.
Alcune delle aree più importanti su cui concentrarsi sono:
• Navigazione: la navigazione chiara è una parte cruciale di un sito web. Fai attenzione quando usi nuovi tipi di navigazione come menu hamburger e mega menù.
• Testo: trova il carattere ideale e la dimensione del carattere che renda il tuo testo leggibile su tutte le piattaforme, dispositivi e browser.
• Moduli: assicurati di aggiungere etichette a ogni campo per rendere i moduli più accessibili.
• Pulsanti e collegamenti: evita di utilizzare immagini per i pulsanti. E crea collegamenti con testo, colori e URL chiari.
La disabilità visiva e la cecità ai colori sono due delle disabilità più comuni al mondo. Ma i designer spesso dimenticano di rendere il contenuto del loro sito accessibile a queste persone. È qualcosa che dovresti sempre considerare quando scegli il design del tuo sito web. Tutto, dal contrasto dello sfondo e del contenuto ai colori utilizzati nelle immagini, dovrebbero essere selezionati con cura per renderli accessibili a diversi tipi di disabilità visive. Ad esempio, alcuni siti web utilizzano il colore come un modo per evidenziare l'importanza di pulsanti e collegamenti. Per una persona daltonica, quei pulsanti significano cose completamente diverse.
Il filtro pagina web daltonico è un semplice strumento gratuito che puoi utilizzare per visualizzare in anteprima le tue pagine web per vedere come le persone daltoniche vedono i tuoi contenuti. Ci sono anche altri strumenti che puoi usare per ottimizzare i contenuti per i daltonici.
Rendere il tuo sito web accessibile a più segmenti di pubblico renderà il tuo prodotto o servizio disponibile a più persone e ti farà ottenere anche un vantaggio competitivo rispetto ai tuoi concorrenti. E… ultimo aspetto non da sottovalutare, risparmierai un sacco di mal di testa evitando potenziali cause legali.