Rendere il tuo sito web accessibile a tutti non è solo un dovere morale, è un obbligo legale. Molte organizzazioni, compreso il Comitato olimpico internazionale, sono state citate in giudizio per non aver reso i loro siti web accessibili a sufficienza. 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" che stanno per guadagnare entrambi. La ricerca suggerisce che il 57% degli utenti di computer adulti trarrà vantaggio da una migliore accessibilità di qualche tipo. Solo il 19% dei siti Web soddisfa attualmente 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 considerarli come opportunità di business. Con Internet così centrale per 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 punto di contatto dovrebbe essere un insieme di documenti, pubblicato dal Worldwide Web Consortium, chiamato WAI-ARIA. Questi documenti illustrano fondamentalmente i modi in cui gli sviluppatori dovrebbero aggiungere metadati all'HTML per migliorare l'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 gli utenti con una larghezza di banda migliore ei browser avanzati possono vedere una versione avanzata. I siti costruiti utilizzando una strategia di miglioramento progressivo possono essere letti molto più facilmente dai software di lettura dello schermo, utilizzati da persone con una gamma di disabilità.
3. Contenuto alternativo
È assolutamente fondamentale fornire un testo equivalente per i contenuti non di testo nel tuo sito. Immagini e video hanno bisogno di tag alt, 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 del titolo pertinenti.
4. Didascalie
Oltre ai tag alt, le immagini, i clip audio e video hanno bisogno di didascalie, in modo che i non vedenti sappiano esattamente quello che stanno guardando. Se stai caricando video o podcast, fornisci un paragrafo di testo che riepiloghi i suoi contenuti o, ancora meglio, fornisci una trascrizione completa. Non dimenticare, i sottotitoli aiutano davvero anche con la SEO.
5. Software per la lettura dello schermo
La maggior parte delle persone cieche e ipovedenti usano software di lettura dello schermo durante la navigazione di siti Web. Uno dei modi migliori per assicurarti che il tuo sito web sia accessibile a loro è provare a utilizzare lo stesso software tu stesso. 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 parole senza senso, sai che è necessario apportare alcune modifiche!
6. Audit
Nessun test di accessibilità che fai tu stesso può essere paragonato al fatto che un vero specialista lancia il proprio occhio esperto sul tuo sito. Ci sono un certo numero di aziende e individui che effettueranno un audit di accessibilità per te, che ti dirà 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 in dettaglio su eventuali problemi che incontrano, molti dei quali, è inevitabile trovarli, non saranno inclusi nelle linee guida WAI-ARIA.
8. Fogli di stile
Durante la creazione o la riprogettazione del tuo sito, assicurati che i fogli di stile consentano dimensioni di carattere variabili e non utilizzi mai caratteri fissi. Sareste stupiti da quanti utenti, dai vecchi a quelli con una vista un po 'scadente, ridimensionino i loro caratteri su base regolare.
9. Controlli del carattere
Gli utenti di Firefox e Internet Explorer possono ingrandire i caratteri ma molte persone non ne sono a conoscenza e altri ancora utilizzano browser meno recenti che non dispongono di questa funzionalità. Per loro, considera l'incorporamento dei controlli di ridimensionamento dei caratteri nel tuo sito.
10. Coerenza
La coerenza del design da una pagina all'altra è molto importante per le persone che non riescono a visualizzare un'intera pagina a colpo d'occhio e chi utilizza gli screen reader. Se il sito è coerente, con le stesse cose nello stesso posto su ciascuna pagina, sarà in grado di spostarsi molto più facilmente. Gli utenti avvistati spesso trovano utile anche la 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. I lettori di schermo possono capirlo ed è molto più semplice ridimensionarlo. Se i controlli di navigazione non possono essere ingranditi, assicurati che siano scritti con un carattere chiaro, almeno di 16 punti.
12. Colori
L'utilizzo di colori diversi nei siti Web è ottimo, ma devi considerare come lavorano insieme per creare un'immagine chiara. I colori di primo piano e di sfondo devono contrastare a sufficienza e puoi dimenticarti di usare il testo grigio chiaro è abbastanza difficile da leggere per le persone con visione 20-20. I collegamenti devono essere di un 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 wireframe di un layout. Senza sembrare troppo egoistico, assicurarti che il tuo sito web soddisfi gli standard di accessibilità significa una cosa: più clienti soddisfatti. E sai cosa significa!
Usa i commenti qui sotto per dirci se sei d'accordo con i suggerimenti di cui sopra e in che modo hai reso il tuo sito più accessibile.