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 ¨C 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.