6 Stellschrauben für barrierefreie Moodle-Kurse
Am 21. Mai fand im Rahmen des Global Accessibility Awareness Day (GAAD) unser eLeDia.summit statt. Einen Tag lang haben wir uns in verschiedenen Webinaren mit Barrierefreiheit beim digitalen Lernen beschäftigt. Lesen Sie hier hilfreiche Informationen für barrierefreies Lernen.
Als Partner von Brickfield Education Labs begleiten wir Moodle-Betreiber*innen jeden Tag dabei, ihre Kurse zugänglicher zu machen. Sechs Themenfelder kommen dabei immer wieder zur Sprache – und für genau diese fassen wir hier die wesentlichen Tipps zusammen. Denn: Barrierefreiheit in Moodle ist kein Spezialthema, sondern ein Qualitätsmerkmal. Sie macht Kurse leichter lesbar, technisch robuster und langfristig nutzbarer und sie senkt die Hürden für alle Lernenden. Ob Menschen mit Konzentrationsschwäche, Sehbeeinträchtigung, unsicherer Internetverbindung oder ungünstiger Lernumgebung- alle sollten auf Ihr Material zugreifen können.
1. Layout und Überschriften – Wegweiser für jeden Kopf
Überschriften sind nicht nur Schmuck. Sie sind die Wegweiser, an denen sich Lernende beim Lesen orientieren – ganz besonders dann, wenn Konzentrationsschwierigkeiten oder Probleme mit dem Kurzzeitgedächtnis im Spiel sind, und natürlich beim Einsatz von Screenreadern. Brickfield bringt das auf den Punkt: Überschriften sind unverzichtbar bei langen Inhalten.
Drei Dinge sollten dabei zur Routine werden:
- Erstens: eine saubere Hierarchie. Keine Sprünge von H3 zu H5, sondern eine logische Treppe – H1 für den Kursabschnitt, H2 für die Hauptthemen, H3 und H4 für die Vertiefung.
- Zweitens: eine klare Reihenfolge in der Sache. Brickfield nennt drei bewährte Muster – nach Wichtigkeit, chronologisch oder alphabetisch.
- Drittens, und das ist die typische Moodle-Pointe: Wenn Ihr Theme Überschriften optisch nicht so darstellt, wie es Ihrer Vorstellung entspricht, dann passen Sie das Theme an – zentral, im CSS. Das ist deutlich nachhaltiger, als wenn jede Lehrperson in jedem Kurs nachträglich formatiert.
2. Texte – Kontrast, Bedeutung, Struktur
Die Tipps zum Bereich Text drehen sich um vier Stellschrauben, die in Summe einen riesigen Unterschied machen:
- Farbkontrast: Sobald Sonnenlicht auf das Tablet fällt oder eine Person leicht eingeschränkt sieht, wird zu wenig Kontrast zur echten Barriere. Wir empfehlen den WebAIM Contrast Checker, um Vorder- und Hintergrundfarben gegen die WCAG-Schwellen zu prüfen.
- Bedeutung nicht nur über Farben: Rot und Grün sind beliebte „Ja/Nein“-Codes – aber unsichtbar für farbenblinde Lernende und unbrauchbar im Schwarz-Weiß-Ausdruck. Die Faustregel: Farbe ja, aber immer mit zusätzlichem Textsignal („Bestanden“ / „Nicht bestanden“) oder Icon.
- Einheitliche Benennung: Vier Links auf einer Seite, die alle nur „Folien“ heißen, helfen niemandem. Sprechende Linktexte wie „Woche 1 – Einführung“ und Dateinamen wie „kurs-recht-modul-3.pdf“ statt „Präsentation1.pptx“ sind in 30 Sekunden geändert und sparen Lernenden viel Sucherei.
- Semantisches HTML: Bei Hervorhebungen lohnt der Blick in den Quellcode-Modus des Editors. <strong> bedeutet inhaltliche Betonung. Das verstehen Screenreader. <b> macht den Text nur fett. Bei Listen genauso: echte <ul>/<ol>-Listen statt eingerückter Striche.
3. Bilder – kurze Alt-Texte, klare Botschaft
Folgende Punkte bringen wir in der Praxis immer wieder zur Sprache:
- Vor dem Alt-Text steht eine schnelle Frage: Trägt das Bild Inhalt oder ist es nur Deko? Nur inhaltliche Bilder bekommen einen Alt-Text – rein dekorative Bilder lassen das Feld leer (oder werden als „dekorativ“ markiert), damit Screenreader sie überspringen können.
- Wenn Text im Bild steht (etwa in einer Infografik), wiederholen Sie ihn im Alt-Text – sonst geht die Aussage für Screenreader-Nutzer*innen verloren.
- Komplexe Bilder brauchen längere Beschreibungen. Diese gehören nicht unbedingt vollständig in das Alt-Attribut, sondern können auch im umliegenden Text oder einer ausklappbaren Bildunterschrift stehen.
- Wird ein Bild zum Link, beschreibt der Alt-Text nicht das Bildmotiv, sondern das Ziel des Links.
- Inhalte nie nur durch Farbe transportieren – derselbe Punkt wie bei Texten gilt auch für Bilder.
- Achten Sie auf Auflösung und Kontrast: keine Verpixelung, ausreichend Kontrast zwischen Vorder- und Hintergrund, kein Flackern oder Blinken.
Eine Frage taucht in unseren Schulungen jedes Mal auf: Wie lang darf ein Alt-Text sein? Brickfields Antwort: idealerweise unter 125 Zeichen. Weniger ist mehr – solange Zweck und Bedeutung klar werden. Für sehr komplexe Inhalte braucht es entweder eine längere Beschreibung im Fließtext oder ergänzendes Material in einer anderen Form.
4. Links – sprechend, sichtbar, ehrlich
Hyperlinks sind eines der wirksamsten Werkzeuge für inklusive Lehre – sie ermöglichen Vertiefung, Alternativzugänge und ergänzende Medien. Damit sie tatsächlich helfen, brauchen sie vier Eigenschaften:
- Sie sind als Link erkennbar. Unterstreichung und deutlicher Farbkontrast sind in Moodle-Themes per CSS einstellbar – einmal eingerichtet, gilt es im ganzen Kurs.
- Ihr Text ist beschreibend. „Hier klicken“ oder „Download“ sagen nichts – „Studienzulassung 2026 öffnen (PDF)“ schon. Vermeiden Sie rohe URLs als Linktext und geben Sie bei Dateien immer den Typ mit an.
- Links öffnen sich nicht ohne Vorwarnung in einem neuen Fenster. Wenn das nötig ist – etwa für ein externes Tool –, gehört der Hinweis „öffnet in neuem Fenster“ in den Linktext, damit niemand die Orientierung verliert.
- Bei Bild-Links beschreibt der Alt-Text das Ziel, nicht das Motiv.
In Moodle hilft Ihnen das Brickfield Accessibility Toolkit, genau diese Fehler in bestehenden Kursen automatisch zu finden – ein guter Startpunkt, bevor Sie einen neuen Kurs ausrollen.
5. Multimedia – Untertitel, Transkripte, fairer Player
Audio und Video sind in Moodle-Kursen mittlerweile Standard und genau hier ist im Hinblick auf Barrierefreiheit viel Luft nach oben. Wir empfehlen drei Maßnahmen:
- Setzen Sie einen barrierefreien Mediaplayer ein. Der Moodle-Standard-Player und video.js erfüllen die wichtigsten Anforderungen: Steuerelemente sind sichtbar, lassen sich per Tastatur bedienen, und Lernende können das Tempo selbst regulieren.
- Stellen Sie Untertitel bereit. Ob sie manuell erstellt oder mit KI vorgeneriert und nachredigiert werden, ist zweitrangig – die Hauptsache: sie sind da. Plattformen wie YouTube bieten dazu robuste Werkzeuge, und in Moodle lassen sich VTT-Dateien direkt einbinden.
- Liefern Sie Transkripte. Ein gutes Transkript schreibt nicht nur das Gesprochene mit, sondern beschreibt auch, was im Video passiert. Das hilft Hörbeeinträchtigten genauso wie Lernenden, die schnell überfliegen wollen.
Zur Barrierefreiheit von Medien gehört auch: Lernende sollen sie offline mitnehmen können. Eine MP3- oder MP4-Variante zum Herunterladen, ein PDF mit dem Transkript. Kleine Schritte, die in Regionen mit schwacher Netzabdeckung den Unterschied ausmachen.
6. Tabellen – nur für Daten, sauber strukturiert
Tabellen sind eines der häufigsten Stolperfelder. Die Regeln lassen sich in zwei Sätzen zusammenfassen: Tabellen gehören nur dorthin, wo wirklich tabellarische Daten stehen. Und: Tabellen brauchen ein sauberes Markup.
- Verwenden Sie Tabellen nicht fürs Layout. Wenn Sie zwei Spalten Text nebeneinander brauchen, nutzen Sie Spalten-Layouts im Theme – nicht eine Tabelle ohne Header, die Screenreader völlig verwirrt.
- Jede Tabelle bekommt eine Beschriftung und echte Zeilen- und Spaltenüberschriften. Visuell fette und farbige Kopfzeilen reichen nicht – die Header müssen technisch markiert sein (<th> statt <td>). Im TinyMCE in Moodle geht das über die Tabelleneigenschaften.
- Vermeiden Sie verbundene Zellen. Jede Zelle gehört genau einer Zeile und einer Spalte. Verbundene Zellen unterbrechen den logischen Lesefluss für Screenreader.
- Vermeiden Sie verschachtelte Tabellen. Tabelle in Tabelle ist für jede assistive Technologie ein Albtraum und macht auch ohne Beeinträchtigung den Inhalt unübersichtlich.
Wenn ein Datensatz so komplex ist, dass er in einer einfachen Tabelle nicht mehr lesbar bleibt, ist das ein Zeichen, ihn aufzuteilen. Zwei klare Tabellen helfen mehr als eine, die niemand mehr versteht.
Take-Away: Einen Tipp pro Woche – und Moodle wird zugänglicher
Sechs Themenfelder, je drei bis fünf Stellschrauben – das wirkt auf den ersten Blick viel. In der Praxis ist es überschaubar. Unser Vorschlag: Wir empfehlen, die in diesem Beitrag genannten Themen Schritt für Schritt durchzuarbeiten – pro Woche ein Feld, pro Woche ein paar Kurse, die Sie konsequent prüfen. Nach sechs Wochen haben Sie nicht nur deutlich barrierefreiere Inhalte, sondern auch ein Team, das die Prinzipien verinnerlicht hat.
Wir bei eLeDia sind Partner von Brickfield Education Labs im deutschsprachigen Raum. Wenn Sie das Brickfield Accessibility Toolkit in Ihrem Moodle einsetzen, eine Bestandsaufnahme Ihrer Kurse machen oder Ihre Redaktion in Sachen Alt-Texte, Linktexte und Untertitel schulen möchten – sprechen Sie uns an. Den Werkzeugkasten haben wir. Sie haben die Inhalte. Zusammen werden daraus Moodle-Kurse, die für alle funktionieren.
Wir haben auch die wichtigsten Kurz-Tipps für Sie in einem Dokument zum Download zusammengefasst:
Zur PDF mit Kurz-Tipps zur Barrierenfreiheit
Mehr Infos über Barrierefreiheit in Moodle finden Sie auch auf unsere Seite
