Come creare contenuti accessibili: la check list

La nostra lista di buone pratiche per generare contenuti accessibili nei siti web e nelle applicazioni.

Potete trovare in questo articolo una serie di consigli utili agli sviluppatori e creatori di contenuti su siti web e risorse digitali on line, per creare e mantenere le pagine web accessibili.

Molto spesso un sito accessibile viene implementato grazie a un template accessibile e un impianto generale creato secondo le linee guida WCAG e poi, successivamente, con l'inserimento di nuovi contenuti, il sito perde le sue caratteristiche di accessibilità a causa degli errori o della mancanza di competenza circa i criteri di accessibilità da parte dei content managers e delle persone incaricate per tenerlo aggiornato.

Anche le news e gli articoli di aggiornamento devono essere mantenuti accessibili come tutto il resto del sito! pena ritrovarsi in poco tempo con un sito pieno di errori di accessibilità.

Per una azienda che vuole avere un sito accessibile e mantenerlo nel tempo, la strategia migliore sarebbe coinvolgere tutte le risorse in una formazione specifica per le mansioni ricoperte, in modo che l'investimento per la creazione del sito non vada perduto durante la manutenzione e l'aggiornamento dei contenuti.

Richiedi informazioni su come attuare un percorso di formazione per le persone che lavorano al tuo sito web

Ecco una lista di buone pratiche da mantenere nella stesura degli articoli per il web:

1. H1, H2, H3: usare la gerarchia delle intestazioni per migliorare la struttura del testo e facilitare la navigazione: sempre uno e un solo H1 come titolo principale, per i sottottotoli mantenere l'ordine H2, H3, H4... senza saltare
2. Usare spesso elenchi puntati o numerati
3. Usare sempre il Tag Title sui link: (a title=”…”) - il tag deve descrivere bene se il link è interno o esterno al sito e dove porta
4. I bottoni e le call to action devono essere in testo e non immagine, ma se non si può fare a meno di usare una immagine, compilare correttamente il testo alternativo e il tag a title sul link
5. Usare correttamente il Tag Alt per le immagini: se l’immagine è decorativa meglio non usarlo, “ “ - se non è decorativa deve essere descritto bene
6. Contrasto minimo colori: da pensare in fase di progettazione del sito ma anche da mantenere all’interno delle pagine: alla pagina  https://webaim.org/resources/contrastchecker/?fcolor=D79810&bcolor=FDF3DF è possibile verificare la coerenza dei colori che deciderete di scegliere, usando i valori esadecimali dei singoli colori carattere/sfondo.
7. Colore del testo: se ci sono parole da evidenziare usare il grassetto e non un colore diverso
8. Impaginazione: deve essere non giustificata
9. Caratteri: meglio non graziati

Altri consigli utili sia in fase di sviluppo che nella creazione dei contenuti:

• È sempe meglio evitare di pubblicare un'immagine che contiene un testo più o meno lungo (infografica), infatti le immagini non possono essere ingrandite come un testo normale e il ridimensionamento provoca sfocature che rendono il testo illeggibile, ma soprattutto gli screenreader non riescono a leggere i testi presenti all'interno di una immagine, infatti leggono solo il testo alternativo, se presente.
• Il focus da tastiera deve essere presente e visualizzato con un contorno di un colore ben contrastato rispetto allo sfondo.
• Lo skip link deve essere presente in modo da creare un rapido accesso al contenuto principale di una pagina: in questo modo chi usa lo screen reader può “saltare” facilmente i contenuti ripetitivi, come per esempio gli elementi della testata che si ritrovano uguali in tutte pagina web
• Meglio non stabilire le dimensioni dei testi in pixel, perché altrimenti il browser non potrà applicare le configurazioni impostate dall’utente.
• Attenzione ai servizi di terzi integrati in un sito: se non sono accessibili, nemmeno la nostra pagina web lo sarà.
• È sempre meglio che il sito sia navigabile anche disabilitando il Javascript, che potrebbe non essere compatibile con i dispositivi assistivi: se non è possibile, creare una alternativa più leggera e semplificata del sito per chi disabilita javascript.

Per ogni genere di informazione sull'accessibilità digitale o sulla dichiarazione di accessibilità per le aziende