Farben und Kontrastwerte

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.