12 suggerimenti per un sito Web più accessibile
Rendere il tuo sito Web accessibile a tutti non è solo un dovere morale, è un obbligo legale. Molte organizzazioni, incluso il Comitato Olimpico Internazionale, sono state citate in giudizio per non aver reso i loro siti Web sufficientemente accessibili. Con 50 milioni di americani che soffrono di disabilità o altro, migliorare l'accessibilità del tuo sito ha anche un chiaro senso commerciale.
Non sono solo quelli etichettati come "disabili" a guadagnare. La ricerca suggerisce che il 57% degli utenti di computer adulti trarrà beneficio da una migliore accessibilità di qualche tipo. Solo il 19% dei siti Web attualmente soddisfa i requisiti di accessibilità di base, quindi puoi davvero distinguerti dalla concorrenza apportando alcune modifiche al tuo sito.
In questo articolo, esploriamo 12 modi in cui puoi rendere il tuo sito più accessibile. Alcuni metodi sono molto economici e veloci da implementare, altri richiedono un po 'più di tempo e investimenti finanziari, ma dovresti pensarli come opportunità di business. Con Internet così centrale in tutte le nostre vite in questi giorni, è ingiusto che alcune persone vengano lasciate indietro.
1. WAI-ARIA
Quando si migliora l'accessibilità del proprio sito, il primo porto di scalo dovrebbe essere una serie di documenti, pubblicati dal Worldwide Web Consortium, chiamati WAI-ARIA. Questi documenti definiscono sostanzialmente i modi in cui gli sviluppatori dovrebbero aggiungere metadati all'HTML per una migliore accessibilità.
2. Miglioramento progressivo
Miglioramento progressivo significa progettare un sito Web in modo stratificato in modo che tutti possano accedere alle funzioni di base e agli utenti con una larghezza di banda migliore e i browser avanzati possano vedere una versione migliorata. I siti creati utilizzando una strategia di miglioramento progressivo possono essere letti molto più facilmente dal software di lettura dello schermo, utilizzato da persone con una serie di disabilità.
3. Contenuto alternativo
È assolutamente fondamentale fornire un equivalente testuale per i contenuti non testuali nel tuo sito. Le immagini e i video hanno bisogno di tag, in modo che le persone che utilizzano il software di lettura dello schermo possano scoprire esattamente cosa c'è in una pagina. I collegamenti necessitano anche di tag titolo pertinenti.
4. Didascalie
Inoltre, immagini, clip audio e video richiedono didascalie, in modo che i non vedenti sappiano esattamente cosa stanno guardando. Se stai caricando video o podcast, fornisci un paragrafo di testo che riassuma i suoi contenuti o, ancora meglio, fornisci una trascrizione completa. Non dimenticare, anche i sottotitoli aiutano molto con il SEO.
5. Software di lettura dello schermo
La maggior parte delle persone non vedenti e ipovedenti utilizzano software di lettura dello schermo durante la navigazione di siti Web. Uno dei modi migliori per assicurarsi che il tuo sito Web sia accessibile a loro è provare tu stesso a utilizzare lo stesso software. Spegni il monitor ed esegui il software per scoprire esattamente cosa dice il tuo sito a questi preziosi lettori e potenziali clienti. Se il software inizia a emettere suoni senza senso, sai che è necessario apportare alcune modifiche!
6. Audit
Nessuna quantità di test di accessibilità che fai tu stesso può essere paragonata al fatto che un vero specialista abbia attirato il suo occhio esperto sul tuo sito. Esistono diverse società e persone che effettueranno un audit di accessibilità per te, indicandoti esattamente quali modifiche devi apportare.
7. Test di usabilità
Il test di usabilità è un altro modo prezioso per identificare potenziali problemi di accessibilità con il tuo sito. Ottieni un gruppo di persone con una gamma di esigenze diverse per provare il tuo sito per davvero, navigando ed eseguendo attività. Saranno in grado di dirti dettagliatamente su eventuali problemi che incontrano, molti dei quali, sei destinato a trovare, non saranno inclusi nelle linee guida WAI-ARIA.
8. Fogli di stile
Quando crei o riprogetti il tuo sito, assicurati che i tuoi fogli di stile consentano dimensioni dei caratteri variabili e non utilizzare mai caratteri fissi. Saresti sorpreso da quanti utenti, dagli anziani a quelli con una vista leggermente scarsa, ridimensionano i loro caratteri su base regolare.
9. Controlli dei caratteri
Gli utenti di Firefox e Internet Explorer possono ingrandire i caratteri, ma molte persone non ne sono consapevoli e altri usano ancora browser meno recenti che non dispongono di questa funzionalità. Per loro, considera di incorporare controlli di ridimensionamento dei caratteri nel tuo sito.
10. Coerenza
La coerenza nella progettazione da una pagina all'altra è davvero importante per le persone che non possono dare un'occhiata a un'intera pagina a colpo d'occhio e per coloro che usano gli screen reader. Se il tuo sito è coerente, con le stesse cose nello stesso posto in ogni pagina, saranno in grado di navigare molto più facilmente. Anche gli utenti vedenti trovano spesso vantaggi nella coerenza.
11. Testo per la navigazione
Evita di utilizzare le immagini per la navigazione sul tuo sito, a tutti i costi. Usa invece il testo. Gli screen reader possono capirlo ed è molto più facile ridimensionare. Se i controlli di navigazione non possono essere ingranditi, assicurati che siano scritti con un carattere chiaro, di almeno 16 punti.
12. Colori
L'uso di colori diversi nei siti Web è fantastico, ma devi considerare come funzionano insieme per creare un'immagine chiara. I colori di primo piano e di sfondo devono essere sufficientemente contrastati e si può dimenticare di usare il testo grigio chiaro che è abbastanza difficile da leggere per le persone con visione 20-20. I collegamenti devono essere di colore diverso dal resto del testo sul tuo sito, preferibilmente blu e sempre sottolineato.
Conclusione
L'accessibilità è un aspetto spesso trascurato del web design, ma è qualcosa che dovrebbe essere al centro del processo di progettazione fin dall'inizio quando si esegue il wireframing di un layout. Senza sembrare troppo self-service, garantire che il tuo sito Web soddisfi gli standard di accessibilità significa una cosa: clienti più soddisfatti. E sai cosa significa!
Usa i commenti qui sotto per dirci se sei d'accordo con i suggerimenti sopra e come hai reso il tuo sito più accessibile.
