Moodle Accessibility

Aufgepasst bei Moodle-Plugins und Komponenten

Moodle verspricht mit seinen Core-Komponenten die Voraussetzungen zu schaffen, gut zugängliche Inhalte zu produzieren. Im nächsten Abschnitt sind dazu die wichtigsten zu beachtenden Aspekte beschrieben.

Vorsicht ist geboten bei den unzähligen zusätzlich erhältlichen Modulen und Komponenten, wie H5P Quizzes, Video-Player uvm..

Wir sind zurzeit daran, Erfahrungen über die Zugänglichkeit häufig eingesetzter Komponenten und Plugins zu sammeln und aktuell zu halten. Helfen Sie uns dabei!
 

Zugängliche HTML-Inhalte in Moodle

In diesem Hauptteil des vorliegenden Artikels finden Sie Schritt-für-Schritt-Anleitungen zur Umsetzung der wesentlichen Aspekte zugänglicher HTML-Inhalte in Moodle.

Überschriften-Struktur

Für komplexere digitale Inhalte gilt auch in Moodle, dass zugängliche Inhalte in eine klare und saubere Überschriftenstruktur eingebettet sind, welche die Inhalte hierarchisch gliedert. Dabei ist insbesondere darauf zu achten, dass die Überschriften die nachfolgenden Inhalte jeweils kurz und prägnant beschreiben und dass sich die hierarchische Gliederung in den gewählten Überschriftenebenen widerspiegelt. In korrekt verschachtelten Überschriftenstrukturen werden keine Überschriftenebenen übersprungen.

In Moodle ist dies nicht immer ganz leicht umzusetzen. Erstens setzt Moodle eigenmächtig Überschriften-(ebenen) für bestimmte Komponenten (in der Abbildung gut ersichtlich am Beispiel der Komponente «Completion Process» auf Ebene 5 anstatt Ebene 2). Zweitens stehen im visuellen Moodle-Editor nur drei Überschriftenebenen zur Auswahl: Heading (large), Heading (medium) und Heading (small).

Überschriften im Moodle-Editor

Der visuelle Editor von Moodle erlaubt innerhalb einer Komponente die Vergabe von drei Überschriftenebenen: Large, Medium und Small. In unserem Beispiel trägt der Gesamtkurs korrekterweise die Überschrift der Ebene 1 «Digital Accessibility @ ETHZ» und der Inhalte des ersten Kapitels die Überschrift «3.1. Info & Semantics – Explicit semantics and semantic structure» auf Ebene 2. Entsprechend stehen die drei Überschriften-Formatvorlagen «Heading (large)», «Heading (medium)» und «Heading (small)» für Überschriften der Ebenen 3, 4 und 5.

Überschriften zuweisen

Markieren Sie den Text, welchen Sie als Überschrift einer bestimmten Ebene auszeichnen wollen, klicken Sie auf das Drop-Down Item mit dem A-Symbol und wählen Sie Heading (large) für Ebene 3, Heading (medium) für Ebene 4 oder Heading (small) für Ebene 5.

Überschriften-Struktur überprüfen

Da die Gesamtstruktur der Überschriften in Moodle recht schnell unübersichtlich wird, empfehlen wir das Bookmarklet h123 von Hinderling Volkart einzusetzen, um (Achtung: in der Rolle als «student») die Überschriftenstruktur vor Veröffentlichung Ihres Kurses nochmal zu überprüfen und zu überarbeiten.

• externe Seiteh123 Bookmarketcall_made

Das Bookmarklet lässt sich in den meisten Browsern ganz leicht in die Lesezeichenleiste ziehen und dort für jegliche Webinhalte benutzen. Eine ausführliche Anleitung dazu gibt es im Moodle-Kurs zum TeachingLab.

HTML-Ansicht im Moodle-Editor

Oft ist es einfacher und übersichtlicher die semantischen Auszeichnungen (tags, wie eben h1-h6) in der HTML-Ansicht des Editors händisch nachzubearbeiten. Erweitern Sie zu diesem Zweck die Editor-Optionen mit Klick auf das erste Symbol (show/hide advanced buttons) in der Leiste und aktivieren Sie dann die HTML-Ansicht des Editors mittels Klick auf das HTML-Symbol (</>).

Alternativtexte

Wenn Bilder in Moodle hochgeladen und eingebettet werden, verlangt Moodle explizit einen Alternativtext: «Describe this image for someone who cannot see it» (Pkt. 1 in der Abbildung unten). Will man das Bild speichern, ohne einen Alternativtext eingegeben zu haben, erscheint eine Fehlermeldung: «An image must have a description, unless it is marked as decorative only.» (2).

Das Bild lässt sich nur speichern, wenn Sie entweder einen Alternativtext erfassen oder das Bild als mithilfe der Checkbox «This image is decorative only» (3) als dekorativ deklarieren.

Schreiben Sie sinnvolle, aussagekräftige Alternativtexte. Allgemein gilt für:

• Simple Grafiken: eine kurze präzise Beschreibung dessen, was das Bild vermitteln will. Im vorliegenden Fall wäre das beispielsweise «Logos: HTML, CSS, JS».
• Verlinkte Grafiken: Beschreiben Sie das Linkziel
• Dekorative Grafiken: Checkbox «This image is decorative only» (3)
• Komplexe Grafiken: Reichen die 125 Buchstaben (4) für eine präzise Beschreibung nicht aus, verweisen Sie im Alternativtext an die Stelle im Inhalt, wo sich eine ausführliche Beschreibung des Inhalts befindet.

Unter Alternativtexte und Textalternativen finden Sie eine ausführliche Anleitung, die hilft zu entscheiden, was in einem konkreten Fall ein eine sinnvolle Textalternative sein könnte, sowie eine Reihe von Best-Practice Beispielen für Textalternativen für komplexe Grafiken aus dem Lehralltag an der ETH.

• Alternativtexte und Textalternativen

Tabellen und Listen

Tabellen

Hinweis: Nicht immer enthalten die ersten Spalten resp. Zeilen die Informationen mit den relevantesten Informationen (z.B. bei Laufnummern in der ersten Spalte). HTML erlaubt daher auch Tabellenüberschriften (<th>-Elemente) in Zellen anderer als der ersten Spalte/Zeile, oder gar mehrere <th>s. Nutzen Sie in diesen Fällen, oder auch zum Aufhübschen der Tabelle die HTML-Ansicht des Editors.

Eine ausführliche Anleitung zu zugänglichen Tabellen, auch sehr komplexen, finden Sie auf der Seite externe Seite«Benimmregeln für Datentabellen»call_made der Aktion Mensch.

Listen

Zugängliche Auflistungen von Items jeglicher Art müssen immer explizit als Listen gekennzeichnet sein. Moodle formatiert Listen, auch wenn sie mit Minus- oder Stern-Zeichen angeführt werden, nicht automatisch als Listen. Nutzen Sie zu diesem Zweck die Formatierungsoptionen des Moodle-Editors.