Guida alla risoluzione degli errori di Accessibilità
Guida alla risoluzione degli errori di Accessibilità
Toutes les catégories |
COLLEGAMENTO |
---|
Collegamento - Il testo del collegamento deve essere descrittivo e fornire un contesto della destinazione.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". | |
Collegamento - Un collegamento deve contenere del testo per essere comprensibile.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. | |
IMMAGINE |
---|
Immagine - Il testo alt (alternativo) dell'immagine deve essere presente negli elementi immagine, a meno che non sia puramente decorativo senza significato.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. | |
Immagine - Il testo alt (alternativo) dell'immagine 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 coincidere con il nome del file dell’immagine. | |
Immagine - Il testo alt (alternativo) dell'immagine non deve essere un semplice testo segnaposto, come "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". | |
Immagine - Il testo alt (alternativo) dell'immagine non deve essere vuoto, soprattutto quando l'immagine ha un collegamento che va altroveQuando 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”. | |
Immagine - Il testo alt (alternativo) dell'immagine non deve superare il massimo consentito di 125 caratteri.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. | |
IMPAGINAZIONE |
---|
Impaginazione - Le intestazioni che seguono le intestazioni H3 (l'opzione dell'intestazione grande dell'editor) non devono interrompere la gerarchia delle intestazioni di pagina.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. | |
Impaginazione - Un'intestazione deve contenere del testo per essere percepibile.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.
| |