Accessibilità di Moodle

Fare attenzione ai plugin e ai componenti di Moodle

Con i suoi componenti principali, Moodle promette di creare le condizioni per produrre contenuti facilmente accessibili. Gli aspetti più importanti da considerare sono descritti nella prossima sezione.

Attenzione è necessario con gli innumerevoli moduli e componenti aggiuntivi disponibili, come i quiz H5P, i lettori video e molto altro.

Attualmente stiamo raccogliendo esperienze sull'accessibilità dei componenti e dei plugin più utilizzati e li stiamo aggiornando. Aiutateci con questo!

Contenuti HTML accessibili in Moodle

In questa sezione principale dell'articolo troverete istruzioni passo-passo su come implementare gli aspetti chiave dei contenuti HTML accessibili in Moodle.

Struttura dei titoli

Per i contenuti digitali più complessi, Moodle richiede anche che i contenuti accessibili siano inseriti in una struttura di intestazioni chiara e pulita che organizzi i contenuti in modo gerarchico. Occorre prestare particolare attenzione a questo aspetto, che le voci descrivano in modo breve e conciso i seguenti contenuti e che la struttura gerarchica si rifletta nei livelli di voce selezionati. Nelle strutture di titoli correttamente annidati non viene saltato alcun livello di titolo.

Questo non è sempre facile da implementare in Moodle. In primo luogo, Moodle imposta automaticamente l'intestazione (livelli) per alcuni componenti (come si può vedere chiaramente nell'illustrazione che utilizza l'esempio del componente "Processo di completamento" al livello 5 invece che al livello 2). In secondo luogo, nell'editor visuale di Moodle si possono scegliere solo tre livelli di intestazione: Intestazione (grande), Intestazione (media) e Intestazione (piccola).

Titoli nell'editor Moodle

L'editor visuale di Moodle consente di assegnare tre livelli di intestazione all'interno di un componente: Grande, Medio e Piccolo. Nel nostro esempio, il corso nel suo complesso è correttamente etichettato con l'intestazione di livello 1 "Accessibilità digitale @ ETHZ" e il contenuto del primo capitolo con l'intestazione "3.1. Info & Semantica - Semantica esplicita e struttura semantica" al livello 2. Di conseguenza, i tre stili di intestazione "Intestazione (grande)", "Intestazione (media)" e "Intestazione (piccola)" si riferiscono alle intestazioni di livello 3, 4 e 5.

Assegnare titoli

Selezionate il testo che volete contrassegnare come titolo di un livello specifico, cliccate sulla voce a discesa con il simbolo A e selezionate Titolo (grande) per il livello 3, Titolo (medio) per il livello 4 o Titolo (piccolo) per il livello 5.

Controllare la struttura dei titoli

Poiché la struttura complessiva delle intestazioni in Moodle diventa rapidamente confusa, si consiglia di utilizzare il bookmarklet h123 di Hinderling Volkart per controllare e rivedere la struttura delle intestazioni prima di pubblicare il corso (nota: nel ruolo di "studente").

• pagina esternah123 Mercato dei libri

Il bookmarklet può essere facilmente trascinato nella barra dei segnalibri della maggior parte dei browser e utilizzato per qualsiasi contenuto web. Istruzioni dettagliate si trovano nella sezione Corso Moodle sul TeachingLab.

Visualizzazione HTML nell'editor di Moodle

Spesso è più semplice e chiaro modificare manualmente i tag semantici (come h1-h6) nella vista HTML dell'editor. Per farlo, espandere le opzioni dell'editor facendo clic sul primo simbolo (mostra/nascondi pulsanti avanzati) nella barra e poi attivare la vista HTML dell'editor facendo clic sul simbolo HTML (</>).

Testi alternativi

Quando le immagini vengono caricate e incorporate in Moodle, quest'ultimo richiede esplicitamente un testo alternativo: "Descrivi questa immagine per chi non può vederla" (punto 1 nella figura seguente). Se si vuole salvare l'immagine senza aver inserito un testo alternativo, appare un messaggio di errore: "Un'immagine deve avere una descrizione, a meno che non sia contrassegnata come solo decorativa" (2).

L'immagine può essere salvata solo se si inserisce un testo alternativo o se si dichiara l'immagine come decorativa utilizzando la casella di controllo "Questa immagine è solo decorativa" (3).

Scrivere testi alternativi significativi e informativi. Si applica in generale a:

• Grafica semplice: una descrizione breve e precisa di ciò che l'immagine vuole trasmettere. In questo caso, ad esempio, si tratterebbe di "Loghi: HTML, CSS, JS".
• Grafica collegata: Descrivere la destinazione del link
• Grafica decorativa: casella di controllo "Questa immagine è solo decorativa" (3)
• Grafica complessa: se le 125 lettere (4) non sono sufficienti per una descrizione precisa, nel testo alternativo fare riferimento al punto del contenuto in cui è possibile trovare una descrizione dettagliata del contenuto.

Sotto Testi alternativi e alternative di testo Qui troverete istruzioni dettagliate per aiutarvi a decidere quale potrebbe essere un'alternativa di testo sensata in un caso specifico, oltre a una serie di esempi di buone pratiche di alternative di testo per grafici complessi tratti dalla didattica quotidiana dell'ETH.

• Testi alternativi e alternative di testo

Tabelle ed elenchi

Tabelle

Nota: Le prime colonne o righe non sempre contengono le informazioni più rilevanti (ad esempio, per i numeri di sequenza nella prima colonna). Per questo motivo, l'HTML consente anche intestazioni di tabelle (elementi <th>) in celle diverse dalla prima colonna/riga, o addirittura in più <th>. In questi casi, o per dare un aspetto più gradevole alla tabella, utilizzare la vista HTML dell'editor.

Una guida dettagliata per rendere accessibili le tabelle, anche molto complesse, è disponibile alla pagina pagina esterna"Regole di comportamento per le tabelle di dati" di Aktion Mensch.

Elenchi

Gli elenchi accessibili di elementi di qualsiasi tipo devono sempre essere esplicitamente etichettati come elenchi.. Moodle non formatta automaticamente gli elenchi come liste, anche se sono preceduti dal segno meno o asterisco. A tale scopo, utilizzare le opzioni di formattazione dell'editor di Moodle.