Suggerimenti per l'accessibilità:
Titoli accessibili

I titoli e i sottotitoli distinguono e riassumono i punti principali, il che può influire notevolmente sull'efficacia dei contenuti. Pensate ai titoli come a dei segnali concettuali o a dei punti di riferimento, senza i quali le persone con problemi di memoria a breve termine o di concentrazione o che utilizzano tecnologie assistive possono avere difficoltà.

I titoli sono essenziali per i contenuti lunghi!

I titoli forniscono anche una gerarchia all'interno delle sezioni e delle sottosezioni. È importante utilizzare l'ordine sequenziale corretto, cioè non saltare da H3 a H5.

Quando utilizzate i titoli, create una struttura chiara per le vostre informazioni utilizzando alcuni dei seguenti metodi:

• Importanza
• Cronologico
• Alfabetico

Suggerimento importante per gli utenti di Moodle:

Se si utilizza un tema e le intestazioni disponibili non sono strutturate nel modo desiderato, è bene correggerle nel "tema" piuttosto che far sì che gli utenti successivi abbiano difficoltà a modificare le informazioni in seguito. Spesso questo può essere fatto nelle impostazioni di personalizzazione dei CSS.

Suggerimenti per l'accessibilità:
Immagini accessibili

Le immagini accelerano la comprensione, ma è bene verificare l'accessibilità dei contenuti quando si aggiungono le immagini.

In primo luogo è importante capire se l'immagine che state aggiungendo fa parte del contenuto o se è solo un elemento decorativo che non avrebbe alcun impatto sulla comprensione se non fosse presente. Aggiungete i tag ALT solo per le immagini che non sono decorative.

Il testo di riferimento serve a descrivere le immagini agli studenti che non sono in grado di vederle e che utilizzano un software di lettura dello schermo. Ciò comprende gli screen-reader e i browser che bloccano le immagini, ma anche gli utenti con problemi di vista o che non sono in grado di identificare un'immagine.

Per assicurarsi che le immagini siano accessibili, è importante ripetere il testo dell'immagine nella descrizione alt se non è decorativo.

Un tag ALT deve fornire dettagli sufficienti agli utenti e ai motori di ricerca per mettere in relazione l'immagine con il contesto della pagina, ma in un breve riassunto non più lungo di 125 caratteri. Pertanto, le immagini complesse necessitano di descrizioni alt più lunghe, come parte del testo circostante.

Se le immagini sono utilizzate come collegamenti ipertestuali, assicuratevi che le persone che non possono vedere l'immagine possano comunque capire se vogliono
cliccare sul link che rappresenta.

Anche in questo caso, le persone tendono a usare il colore per il significato o per rappresentare il significato nel testo. Per quanto riguarda il colore, tenete conto degli ipovedenti, dei daltonici o delle stampe che mostrano una versione in bianco e nero dell'immagine.

Quando si aggiungono immagini ad alta risoluzione, è necessario utilizzare immagini chiare e, se necessario, ritagliare l'immagine solo per la parte importante, in modo da facilitare la comprensione.

Quando si aggiungono immagini o testo alle immagini, utilizzare sempre un contrasto di colore sufficiente per renderlo più facilmente distinguibile.

Un partecipante ha chiesto al gruppo qual è la lunghezza ideale/raccomandata per una didascalia alt? La lunghezza ideale sarebbe di 125 caratteri o meno. Meno è meglio, purché sia chiaro lo scopo e il significato dell'immagine. Si vuole fornire materiale intorno all'immagine. Se si tratta di un'immagine molto complicata, non è possibile descriverla in meno di 125 caratteri.

Suggerimenti per l'accessibilità: 
Testo accessibile

Contrasto cromatico
Quanto è importante il contrasto cromatico?
Solo in presenza di scarsa illuminazione e di problemi di vista, il contrasto cromatico diventa un ostacolo più evidente all'accessibilità dei contenuti. WebAIM ha un ottimo strumento di Contrast Checker che vi aiuta a verificare il contrasto tra due colori per garantire l'accessibilità a tutti gli studenti.

Evitare di creare un significato solo con il colore
Cercate di evitare di creare un significato con i soli colori. Sebbene sia comune usare colori come il verde e il rosso per i significati, è da evitare a meno che il significato non sia trasmesso anche dal contenuto stesso con parole come sì o no. Si deve anche pensare a quando il materiale può essere stampato in bianco e nero e a come potrebbe apparire.

Nomi coerenti
Siate coerenti nel dare i nomi. È fondamentale una denominazione semplice ed efficace. Spesso le pagine di un sito web mostrano link che rimandano a una
presentazione o a delle diapositive; se in una pagina ci sono sette o più link chiamati "diapositive", si tratta di un'immagine sbagliata e priva di contesto. Una denominazione coerente implica un testo come "Settimana 1", "Settimana 2", ecc.
Non chiamate ogni Powerpoint "Presentazione1.pptx".

Lists (<ol> & <ul>)
Utilizzare diversi tipi di elenchi per raggruppare le informazioni in base alla loro natura e fornire un orientamento agli utenti.

<strong>, not <b> etc
HTML semantico significa utilizzare il più possibile gli elementi HTML corretti per il loro scopo corretto.
Gli elementi semantici sono elementi che hanno un significato; quindi usare <strong> invece di <bold> per il testo con un significato di peso extra.

Suggerimenti per l'accessibilità:
Link accessibili

I collegamenti ipertestuali sono una potente caratteristica di accessibilità dell'apprendimento online. Permettono ai tutor di fornire percorsi alternativi, spiegazioni alternative e supporti alternativi.

I link devono essere facilmente identificabili. Fate in modo che i vostri link siano facilmente individuabili nella pagina con un buon CSS, ad esempio sottolineando e differenziandoli sufficientemente dal testo normale.

Come regola generale, il testo di un link deve descrivere la sua destinazione, ad esempio se rimanda a un file deve descrivere di che file si tratta. L'utente deve sapere se il link è pertinente solo dal testo del link. Evitate di usare l'URL di destinazione come testo del link, evitate anche di usare "Clicca qui" o "Scarica qui" ecc.

Cercate di evitare i target "nuova finestra". Se il link si apre in una nuova finestra, inserire un avviso nel testo del link stesso per evitare di creare confusione.

Se si utilizzano immagini come collegamenti ipertestuali, assicurarsi che le persone che non possono vedere l'immagine possano comunque capire se vogliono cliccare sul link che rappresenta.