Farben und Kontrastwerte

5. H5P: typische Stolperstellen + Lösungen

Interaktive Elemente (Buttons, Hotspots, Markierungen)

• Problem: Bedienelemente sind farblich zu schwach oder ihr Status wird nur über Farbe kenntlich gemacht.
• Tipps:
  • Status immer doppelt: Farbe + Textfeedback („Richtig/Falsch“, „Ausgewählt“).
  • Achten Sie darauf, dass Fokus/Markierung sichtbar bleibt (nicht „Ton-in-Ton“).

Text in Bildern / Folien (Course Presentation etc.)

• Problem: Text ist „eingebrannt“ und hat oft schlechten Kontrast; bei Zoom wird’s pixelig.
• Tipps:
  • Text als echten Text in H5P/Moodle setzen, nicht ins Bild.
  • Wenn Bildtext unvermeidbar: hohe Kontraste, große Schrift, zusätzlich Textalternative im Fließtext.

Drag-and-Drop & farbcodierte Aufgaben

• Problem: „Zieh die roten Begriffe…“ oder Zuordnung nur über Farben.
• Tipp: Kategorien/Targets benennen („Kategorie A/B“) und nicht farbabhängig erklären.