Guida alla risoluzione degli errori di Accessibilità

Nel caso si fosse utilizzato l'editor di moodle per inserire un link che si apre in una nuova finestra, è possibile soprassedere all'errore. Per creare dei contenuti accessibili, quando si desidera inserire un collegamento ipertestuale, se non ci sono motivi particolari si consiglia di non abilitare la possibilità di aprire la pagina in una nuova finestra. In moodle non spuntare l'opzione "Apri in una nuova finestra" nella schermata di inserimento del link. Se nei contenuti è presente e un collegamento ipertestuale, verificare cliccando il link e successivamente il pulsante del link nell’editor  e nel caso in cui fosse presente, togliere la spunta in corrispondenza a "Apri in una nuova finestra".

Per rendere i contenuti accessibili i link presenti nel testo devono essere associati a del testo descrittivo. Nell’editor cliccare sul link e sostituire il testo sottolineato con del testo descrittivo. Alternativamente è possibile copiare il link, sostituirlo con il testo descrittivo e poi associare il link al nuovo testo con il pulsante del link . Fornire sempre una descrizione o un contesto del sito o del documento linkato, ad es. "visita Wikipedia" oppure "vai alla pagina dei servizi". Non inserire collegamenti ipertestuali generici come "clicca qui".

Nel testo è stato inserito un link associato solo a spazi oppure non associato a nessun carattere, quindi non è visibile agli studenti e ai docenti. Per risolvere il problema il docente deve intervenire nel codice html cliccando la voce di menu Strumenti e in seguito scegliereper accedere al codice html, rintracciare la riga simile a questa: <a href="http://www.sito.ext/pagina.html"></a> e correggerla con <a href="http://www.sito.ext/pagina.html">Pagina Web</a>. La parola o la frase inserita "Pagina Web" comparirà nel contenuto e sarà cliccabile.

Se l'immagine caricata ha solo fini decorativi, selezionare l’immagine e in seguito cliccare il pulsante immagine nell'editor . Aggiungere la spunta su "L'immagine è puramente decorativa". In alternativa inserire una descrizione nel campo "Descrizione dell'immagine". Affinché sia utile a coloro che non possono vedere l’immagine, il testo deve avere una finalità descrittiva, deve cioè contenere una breve descrizione dell'immagine, che verrà letta dagli screen reader.

Selezionare l’immagine e in seguito cliccare il pulsante Immagine nell'editor . Inserire una descrizione nel campo "Descrizione dell'immagine". Affinché sia utile a coloro che non possono vedere l’immagine, il testo deve avere una finalità descrittiva, deve cioè contenere una breve descrizione dell'immagine, che verrà letta dagli screen reader. Il testo non deve coincidere con il nome del file dell’immagine.

Selezionare l’immagine e in seguito cliccare il pulsante Immagine nell'editor . Inserire una descrizione nel campo "Descrizione dell'immagine". Affinché sia utile a coloro che non possono vedere l’immagine, il testo deve avere una finalità descrittiva, deve cioè contenere una breve descrizione dell'immagine, che verrà letta dagli screen reader. Il testo non deve essere generico, come ad es: immagine, foto, icona. Se l'immagine caricata ha solo fini decorativi, aggiungere la spunta su "L'immagine è puramente decorativa".

Quando l’immagine è associata ad un link, l’immagine deve contenere il testo descrittivo che illustri la destinazione del link, in modo che possa essere letto dagli screen reader. Selezionare l’immagine e in seguito cliccare il pulsante Immagine nell'editor . Inserire una descrizione nel campo "Descrizione dell'immagine" e togliere la spunta dalla casella “L'immagine è puramente decorativa”.

Selezionare l’immagine e in seguito cliccare il pulsante Immagine nell'editor. Nel campo "Descrizione dell'immagine" inserire una descrizione più breve. La descrizione dell'immagine è importante in quanto viene letta dai sistemi di screen reader per rendere il contenuto più accessibile.

Inserire le intestazioni seguendo la gerarchia grande - media - piccola. Selezionare la parola o la frase a cui assegnare la gerarchia per vedere comparire l'insieme dei tasti utili per strutturare il contenuto in paragrafi e sottoparagrafi fino a quattro livelli.

Laddove la dimensione del carattere sia "Intestazione", non lasciare spazi o righe bianche ma scrivere del testo, oppure rimuovere l’intestazione. Gli utilizzatori che preferiscono modificare il codice html devono cliccare la voce del menu Strumenti e in seguito scegliere   e modificare manualmente i tag <h3></h3>, <h4></h4>, <h5></h5> vanno cancellati oppure valorizzati con del testo.