Farben und Kontrastwerte

2. Einstieg

Farben strukturieren Inhalte, lenken Aufmerksamkeit und helfen beim schnellen Verstehen. In Bildungs- und Informationsmaterialien können Farben aber auch schnell zur Barriere werden: Wenn Kontraste zu gering sind oder Informationen nur über Farbe vermittelt werden, sind Inhalte für viele Nutzende schwer oder gar nicht nutzbar, z. B. bei

Sehbeeinträchtigungen
Farbsinnstörungen (z. B. Rot-Grün-Schwäche)
Blendempfindlichkeit
Nutzung von Screen-Vergrößerung
schlechten Displays, Beamer-Darstellung oder
starker Umgebungshelligkeit.

Barrierefreiheit verstärken Sie hier vor allem mit zwei Maßnahmen:

Ausreichender Kontrast WCAG 2.2 / 1.4.3
Text, Icons und Bedienelemente müssen sich klar vom Hintergrund abheben. Was am eigenen Bildschirm „noch okay“ wirkt, kann bei Zoom, auf dem Smartphone oder am Beamer praktisch verschwinden. Gute Kontraste sind deshalb nicht nur ein „Accessibility-Thema“, sondern verbessern die Lesbarkeit für alle.
Keine Information nur über Farbe / 2-Sinne-Prinzip WCAG 2.2 / 1.4.1
Farbe darf unterstützen, aber nicht die einzige Trägerin von Bedeutung sein. Beispiele: „Pflichtfelder sind rot“, „richtige Antworten sind grün“, „klicke auf den blauen Button“. Solche Hinweise funktionieren nicht zuverlässig für Menschen mit Farbsinnstörungen oder bei individuellen Anzeigeeinstellungen (z. B. hoher Kontrastmodus). Besser ist immer eine redundante Kennzeichnung: Farbe plus Text, Symbol, Label oder klare Beschriftung.

Gerade in Moodle-Kursen und H5P ist das relevant, weil dort häufig:

Links nur farblich hervorgehoben werden,
Hinweisboxen mit farbigem Hintergrund genutzt werden,
Feedback in Tests/Interaktionen über eine farbliche Rückmeldung erfolgt (z. B. Rot/Grün),
Inhalte in Course Presentations oder Grafiken „als Bild“ gestaltet werden (Text im Bild),
und interaktive Elemente (Buttons, Auswahlfelder) visuell zwar „schön“, aber kontrastarm sind.

Für die Gestaltung von Bildungs- und Informationsmaterialien heißt das:
Nutzen Sie Farbe bewusst und sparsam, prüfen Sie Kontraste bei zentralen Elementen (Text, Links, Buttons, Feedback) und sorgen Sie dafür, dass jede wichtige Information auch ohne Farbwahrnehmung verständlich bleibt. So werden Moodle-Seiten und H5P-Aktivitäten robuster, verständlicher und für deutlich mehr Nutzende zugänglich.