Farben und Kontrastwerte
Abschlussbedingungen
4. Moodle-Kurse: typische Stolperstellen + Lösungen
„Bunter Text“ im Editor
- Problem: Hellgrau, Pastell, Gelb auf Weiß → viele Farbkombinationen weisen nicht den erforderlichen Kontrastwert auf.
- Textfarbe möglichst nicht ändern. Nutzen Sie stattdessen:
- Überschriften (H2/H3) für Struktur
- Fett für Betonung (sparsam)
- Listen statt farbiger Aufzählungen
- Hinweisboxen/Formatvorlagen des Kurs-Themes bzw. über Bootstrap / tinyMc Elements
Links müssen erkennbar sein
- Problem: Die Linkfarbe hat oft zu wenig Kontrast oder ist nur minimal anders als die Schriftfarbe.
- Tipps:
- Links sollten nicht nur über Farbe erkennbar sein (z. B. zusätzlich Unterstreichung verwenden).
- Sprechende Linktexte einsetzen statt „hier“ (hilft auch beim Scannen).
- Keine „Linklisten“ als Fließtext: lieber als Liste/Aufzählung formatieren → bessere Lesbarkeit.
Text auf farbigem Hintergrund (Boxen, Labels)
- Problem: Weiß auf hellen Farben oder Schwarz auf dunklen Farben.
- Tipps:
- Wenn Hintergrund farbig: Kontrast prüfen (4,5:1 für Text).
- Lieber heller Hintergrund + dunkler Text als umgekehrt.
- Keine Informationen nur über farbige Box („rote Box = Pflicht“ → zusätzlich „Pflicht“ schreiben).
Tabellen und Hervorhebungen
- Problem: Zellen nur farbig markiert („grün = bestanden“).
- Tipp: Zusätzlich Text („bestanden/nicht bestanden“) oder Symbol + Text. Bei Symbolen prüfen, wie diese z. B. von einem Screenreader vorgelesen werden, um Dopplungen zu vermeiden.

