Dieci suggerimenti per siti Web accessibili
Sappiamo tutti che la costruzione di progetti accessibili è importante, ma quanti di noi ne tengono davvero conto durante la realizzazione di un sito? Ecco alcuni passaggi semplici ed efficaci per rendere il tuo sito accessibile a tutti.
Esplora risorse di progettazione
1. Convalida XHTML e CSS
La convalida del codice può spesso portarti a scoprire problemi che non avevi notato prima. Cose come tag non chiusi e digitati male che sembrano a posto nel tuo browser, ma potrebbero causare problemi quando vengono visualizzati da altri. I due principali strumenti che devi utilizzare sono un XHTML Validator e un CSS Validator.
2. Aggiungi testo alternativo per le immagini
Non tutti hanno attivato le immagini nel proprio browser e molte persone usano programmi di sintesi vocale poiché soffrono di problemi alla vista. Fornire un testo alternativo per le immagini tramite l'attributo alt garantisce che le immagini abbiano una descrizione e che possano essere interpretate dai visitatori. Ti aiuta anche a sito quando viene indicizzato dai motori di ricerca.
3. Assicurati che il tuo sito funzioni senza JavaScript
Come per le immagini, molte persone navigano con JavaScript disattivato (quasi il 6% al momento della scrittura). Questo è un numero abbastanza alto e vale la pena assicurarsi che il tuo sito Web funzioni correttamente senza JavaScript. Fare troppo affidamento su di essa può alienare alcune persone nel tuo pubblico.
4. Utilizzare i CSS per separare contenuto e formattazione
Come sito Web che mette in mostra e promuove l'uso dei fogli di stile a cascata, non è sorprendente vederli menzionati qui. L'uso dei CSS mantiene le pagine pulite dalla formattazione e garantisce che i browser siano in grado di aggiungere le proprie regole per rendere le pagine più contrastate e più facilmente visualizzate.
5. Fornire un foglio di stile ad alto contrasto
Perché non creare un secondo foglio di stile per il tuo sito Web che riduca o rimuova il colore e renda tutto più elevato contrasto. Posiziona il link per attivare questo stile nella parte superiore della pagina in modo che gli utenti con problemi di vista possano vedere i vantaggi del contenuto del tuo sito web.
6. Assicurarsi che il testo del collegamento sia descrittivo
Anziché scrivere semplicemente "fai clic qui" o "leggi altro", rendi i tuoi collegamenti più descrittivi. Di tanto in tanto cadiamo tutti in questa trappola, ma un collegamento significativo può essere compreso molto più facilmente e migliora l'accessibilità.
7. Aggiungi i collegamenti "Passa al contenuto" nelle pagine
Invece di far scorrere le persone oltre l'intestazione ripetitiva su ogni pagina del tuo sito Web, includi un link che consenta loro di saltare al contenuto principale nella parte inferiore della pagina. Ciò consente di risparmiare tempo, in particolare sui browser di sintesi vocale che leggono tutte le informazioni sulla pagina.
8. Assicurarsi che ogni modulo abbia tag etichetta
Etichettare correttamente gli input nei moduli consentirà loro di essere interpretati e compilati in modo molto più semplice dai browser accessibili.
9. Non aprire i collegamenti in una nuova finestra
Mentre è allettante collegarsi ad altri siti Web in una nuova finestra, è davvero una cattiva pratica. Tutti sanno come utilizzare un pulsante "Indietro", ma quando è necessario chiudere Windows e tenere traccia di più utenti contemporaneamente, molti utenti Web possono essere confusi e infastiditi.
10. Fai una dichiarazione di accessibilità
Avere una dichiarazione su una pagina del tuo sito Web mostrerà alle persone quali funzionalità di accessibilità offri e spiegherà come possono navigare facilmente nel tuo sito. Spiega come attivare il foglio di stile ad alto contrasto e dove si trovano i collegamenti "Vai al contenuto". Le persone ti saranno grate per averlo spiegato chiaramente.
