10 modi per progettare il tuo sito per l'accessibilità

Sono frustrato dal web design moderno. E sono certamente frustrato dalla maggior parte dei designer di temi e modelli che vendono il proprio lavoro senza verificare l'accessibilità globale.

Molti designer prendono effettivamente CMS buoni e accessibili e quindi creano progetti con grossi problemi di accessibilità.

Sono un avvocato, progettista di siti web e consulente di accessibilità/diversità in Australia. Dopo aver consigliato i settori aziendale, governativo e dell'istruzione, trovo che molti siti non siano accessibili e offrano a molti utenti una brutta esperienza.

Perché l'accessibilità è importante?

Nel 2010, il 10% delle persone nel mondo sviluppato aveva una disabilità di stampa. Quella cifra era del 15% nei paesi non sviluppati.

In Australia, l'accessibilità è considerata abbastanza importante da poterti portare in tribunale se il tuo sito non è accessibile. Scioccato?

No, non consiglierei mai a un cliente di concentrarsi sui "siti per non vedenti", ma su siti accessibili a tutti. Ciò include le persone con disabilità di stampa, disabilità fisica, disabilità dell'udito - anche le generazioni più anziane. In breve, una grande percentuale dell'intero pubblico non può accedere al tuo sito come fai tu.

Caro? No, in effetti si torna agli standard di progettazione, perché questa è roba di base.

Ecco dieci passaggi che puoi eseguire per assicurarti che il tuo sito sia accessibile.

# 1. Rendi il tuo sito facile da usare

Non ho bisogno di dirvi come progettare. Ma questi tre principi chiave aiuteranno gli utenti con disabilità:

1. Rendi i siti facili da leggere e da capire
2. Rendi i siti facili da navigare
3. Rendi i siti facili da usare sui dispositivi mobili

Questo ti avvicinerà all'accessibilità e aiuterà anche i motori di ricerca ad amare il tuo sito!

Gli screen reader con cui testo i miei siti sono proprio come i robot di Google (tranne che la tecnologia cieca era in circolazione per prima).

#2. Prova con il software di accessibilità

Sapevi che i PC hanno un software di accessibilità per aiutarti a navigare e leggere lo schermo? Probabilmente l'hai fatto, ma sapevi anche che i dispositivi mobili hanno un software di accessibilità integrato nel nucleo? Questo software può leggere a persone, comprese quelle con problemi di vista:

• Apple (iOS) utilizza VoiceOver;
• Android utilizza Talkback;
• Windows usa l'Assistente vocale.

Quasi tutti i progettisti di siti Web includono un menu nel modello, ma il 95% non può essere letto con nessuna delle tecnologie di cui sopra! La maggior parte di questi servizi di accessibilità non è in grado di riconoscere l'esistenza di un menu perché è codificato in modo errato. Molto spesso, il problema è che il menu è codificato male o non etichettato chiaramente.

Vale la pena caricare alcuni siti nel telefono e attivare le funzionalità di accessibilità. Verifica se il menu del tuo sito funziona o meno.

#3. Non scrivere tutto in maiuscolo

Questa è probabilmente la modifica più basilare che chiunque può apportare al proprio sito: non scrivere in maiuscolo.

Questo è scientificamente testato e provato PERCHÉ TUTTI I CAPS È DIFFICILE DA LEGGERE PER CHIUNQUE!

La maiuscola più abusata si trova nelle voci di menu e nei pulsanti. Stai aiutando a diffondere il tuo messaggio se scrivi normalmente con lettere maiuscole regolari, a meno che tu non abbia uno scopo di progettazione specifico, come un marchio o un logo.

#4. Spiega chiaramente i tuoi link

I pulsanti "Leggi di più" o "Fai clic qui" non dicono a Google (o a coloro che utilizzano lettori di schermo) cosa c'è dietro il collegamento. Rimuovi semplicemente il tuo link dal contesto per vedere se ha senso. "Leggi di più" nel mezzo di una pagina ha senso per te? Leggi di più cosa?

#5. Usa buoni stili contrastanti

Ciò non significa uccidere i tuoi contenuti, significa renderlo facile per i non vedenti. Ecco un consiglio... trasforma lo schermo del tuo cellulare a metà potenza e prova a leggere un sito. Come appare alla luce e al buio?

#6. Usa i link "salta al contenuto".

Immagina di annuire con la testa 30 volte prima di leggere il contenuto principale! Le persone con disabilità di stampa devono farlo se non si consente loro di saltare il menu. In realtà, è lo stesso per l'utilizzo di tag di intestazione, da H1 a H4 aiutano i motori di ricerca e le persone con disabilità di stampa a navigare nel tuo sito.

Oh, e non nascondere il link fuori dallo schermo! Le persone con problemi di vista spesso usano lenti di ingrandimento e cercano quei collegamenti manualmente (non tramite la tastiera).

#7. Smetti di usare i popup

Almeno, smetti di usare quelli di cui non possiamo premere "esc" per eliminare. Sapevi che il nostro software fondamentalmente non può entrare in quelle finestre popup? E di solito finiamo per leggere cosa c'è dietro la scatola: a te sembra oscurato, ma non a noi.

Se intendi utilizzare i popup:

• Rendili in modo che possano essere eliminati con il pulsante 'esc'.
• Falli in modo che il nostro software possa leggere la casella, non il testo dietro.
• Fornisci i dettagli di un modo alternativo per trovare il contenuto o compila il modulo - 'o vai alla nostra pagina xxxx per maggiori dettagli'.

#8. I ridimensionatori di testo possono essere utili in alcune situazioni

Personalmente, i ridimensionatori di testo sono molto meno importanti dei collegamenti per saltare ai contenuti. Ciò è dovuto al fatto che una persona con disabilità di stampa (inclusa la generazione precedente) utilizzerà la lente di ingrandimento di Windows o alcuni prodotti specialistici, come lo zoom del testo, occhi magici o altri software gratuiti. Nella mia esperienza di testo, i ridimensionatori generalmente distruggono i contenuti mobili e sono anche meno reattivi rispetto al pizzicare o utilizzare le funzionalità di accessibilità mobile di base.

Inoltre, con la tecnologia adattiva che ridimensiona il testo, l'utente può spegnerlo e riaccenderlo in modo da potersi ritrovare sullo schermo (alcuni zoom in modo da poter vedere solo 1/8 dello schermo alla volta). Detto questo, i ridimensionatori di testo potrebbero essere ancora rilevanti e vale la pena inserirli per i siti governativi, ma non una delle prime 10 priorità per me.

#9. Usa le icone dei caratteri anziché le icone delle immagini

Coloro che utilizzano l'ingrandimento possono vedere solo circa 1/8 di un sito alla volta e coloro che utilizzano i telefoni cellulari di solito caricheranno le versioni senza immagini, premendo il pulsante "lettore". Potrei scrivere un post sul fatto che la maggior parte delle "icone dell'immagine" pixelano all'estremo al massimo dello zoom, ma le icone dei caratteri no (beh, non così tanto comunque).

# 10. Aggiungi trascrizioni video

Non ha senso inserire un video di YouTube su un sito Web se è totalmente silenzioso, né ha senso metterne uno che non abbia una trascrizione o un modo per i non udenti di seguirlo. Sarebbe come avere un pubblico globale o una base di clienti, ma fornire informazioni solo in giapponese.

Solo per i calci, ottieni un video tecnico di YouTube senza parole, quindi chiudi gli occhi. Nota: chiudere gli occhi non replica la cecità perché puoi semplicemente riaprirli, ma è un esercizio divertente.

Risorse per l'accessibilità

Questi siti forniscono linee guida e strumenti per controllare il tuo sito:

• Controllo dell'accessibilità di Web Aim
• Linee guida per l'accessibilità dei contenuti Web del governo australiano
• validatore W3C. Si noti che il validatore W3C restituisce molti errori non necessari. È necessario esprimere un giudizio sul fatto che ogni errore valga la pena o meno.

Questi siti forniscono lettori di schermo che puoi utilizzare per testare il tuo sito desktop con:

• Accesso al lavoro con la voce (JAWS)
• Ai squared offre versioni di prova gratuite
• Window Eyes - Lettore di schermo
• NV Access offre uno screen reader Non Visual Desktop Aid (NVDA) totalmente gratuito

Nota: non consiglio Sitecues: non è quello che definirei facile da installare o efficace per chi ha problemi di stampa.

Conclusione

Come ogni cosa, c'è un equilibrio tra funzionale e rigoroso rispetto delle regole. Nessuno dei siti dei miei clienti non è accessibile al 100% / conforme al W3C. Sono accessibili e compatibili con i motori di ricerca. Sono logici e ben contrastati, ma hanno anche stile e caratteristiche di impatto.

Quanti milioni di persone hanno una disabilità di stampa nel mondo? Quanti potenziali clienti?

Che tu crei siti in Joomla, Drupal, WordPress, HTML puro o qualsiasi altra piattaforma, spero di averti convinto che questo problema vale la pena prendere sul serio, per la tua azienda e per i tuoi clienti.