Tutte le regole per avere un sito accessibile

Introduciamo l’accessibilità

L’accessibilità ha lo scopo di rendere i prodotti e i servizi tecnologici utilizzabili da persone con diversi livelli di disabilità, di modo che possano essere partecipi alla vita sociale e possano usufruire dei servizi come tutti i cittadini. L’accessibilità sta diventando sempre più importante nel tempo, nonché richiesta per legge laddove il prodotto sia destinato ad un ampio pubblico. Vedremo tutto ciò.

Un sito web professionale deve fornire i contenuti informativi presenti a tutte le persone, consentendo allo stesso tempo un adeguato livello di comprensione.

Diversi tipi di disabilità:

• Disabilità della vista (ipovendenti, non vedenti)
• Disabilità dell’udito
• Disabilità motorie
• Disabilità cognitive

La Web Accessibility Initiative

Nel 1996 l’assemblea W3C (World Wide Web Consortium) stila delle linee guida per lo sviluppo di pagine accessibili. Di seguito elenchiamo alcuni tra i punti più importanti:

• Per ogni elemento non testuale, fornire anche una adeguata descrizione in forma di testo. Le varie tecnologie di accessibilità (quali screen reader, ecc.) potranno fare uso della descrizione; ad esempio, un sintetizzatore vocale potrà descrivere i vari elementi a persone con disabilità visive.
• Scegliere colori con sufficiente contrasto
• Usare i tag adeguati (markup semantico). Per esempio, non usare il tag HTML <cite> solo per ottenere un determinato stile o una determinata spaziatura, ma solo quando stiamo riportando citazioni.
• Chiarire sempre il linguaggio naturale principale nella pagina web (per esempio, usare l’attributo lang=””)
• Usare adeguata impaginazione tramite HTML, usando ad esempio tabelle (<table>), elenchi (<ul>, ecc.), form di input (<form>)
• Evitare sfarfallii, transizioni troppo rapide, pagine che si ricaricano frequentemente.
• Progettare l’interfaccia per diversi tipi di dispositivi e form factor (responsive design)
• Evitare di mostrare finestre popup
• Fornire chiari meccanismi di navigazione. Ogni collegamento deve far capire all’utente quale è la destinazione, senza ambiguità.
• Usare un linguaggio chiaro e semplice
• Integrare al testo asset grafici o audio

Tip:

1. Evidenziare le parole chiave del testo
2. Lasciare spazi vuoti tra diversi elementi della pagina (margini)
3. Calibrare l’interlinea per avere buoni margini tra le righe di testo