NAVIGATION

ANSICHT + BARRIEREFREIHEIT

CASE 02 · TYP: E-LEARNING · ROLLE: KONZEPT, DIDAKTIK, INHALT, UMSETZUNG (CLAUDE CODE) · STATUS: LIVE · STAND: 2026

Signal × Lernbegleiter

Barrierefreies E-Learning zum KI-Kurs, das tagesaktuelle News aus einer eigenen API neben die passende Lektion stellt – gegen das Veralten der Inhalte.

INSTRUCTIONAL DESIGN · INFORMATIONSARCHITEKTUR · BARRIEREFREIHEIT · KI-WORKFLOWS · WEBTECHNOLOGIEN

Ausgangslage

Kursinhalte zu KI veralten, während man sie lernt: Modelle, Werkzeuge und Regeln ändern sich wöchentlich. Ein klassisches E-Learning friert den Stand vom Erstellungstag ein – und verliert damit genau das, was das Thema ausmacht.

Problem

Wie hält ein Lernangebot Schritt, ohne dass jemand täglich Folien nachpflegt? Und wie wird aus einer Tagesmeldung mehr als eine Randnotiz – nämlich Übungsmaterial?

Ziel

Ein E-Learning, das sich selbst aktuell hält: Kursinhalte als stabile Struktur, tagesaktuelle Meldungen als wechselnder Anwendungsfall daneben, verbunden über Transferaufgaben.

Zielgruppe und Nutzungskontext

Teilnehmende des KI-Kurses, selbstgesteuert am eigenen Rechner. Konsequenz: sequentielle Freischaltung mit Quiz-Schwelle, damit die Grundlagen sitzen, bevor die nächste Lektion aufgeht – und vollständige Bedienbarkeit ohne Maus.

Konzept

Zwei Ebenen, eine Oberfläche: Eine eigene News-API (Projekt Signal) liefert die tagesaktuelle KI-Meldung, der Lernbegleiter ordnet sie der passenden von zehn Lektionen zu. Gelernt wird über Quiz, Karteikarten und interaktive Übungen – Zuordnen, Sortieren, Reihenfolgen, Lückentext – plus Transferaufgaben mit direktem Bezug zur heutigen Meldung. Fällt die API aus, greift eine Fallback-Kette: Es gibt immer Inhalte.

Prozess

Entstanden als Bausteinprüfung im Modul Prompt- und Context-Engineering, umgesetzt mit Claude Code (React, TypeScript). Didaktik zuerst: Lektionsstruktur, Quiz-Logik mit 75-Prozent-Schwelle und Aufgabentypen standen vor der ersten Zeile Oberfläche. Barrierefreiheit als Anforderung, nicht als Nachtrag – Skip-Link, aria-live-Ansagen, Reduced-Motion-Fallback, Kontraste ab 4,5:1, dokumentiert in einem eigenen Audit.

Ergebnis

Öffentlich erreichbar unter signal-lernbegleiter.vercel.app, Quellcode auf GitHub, mit eigener Projektdokumentation und Barrierefreiheits-Audit. Zehn Lektionen, sequentiell freigeschaltet, mit täglich wechselndem Praxisbezug.

Learnings

Aktualität ist ein Architekturthema, kein Redaktionsthema: Die Trennung in stabile Struktur und wechselnden Inhalt löst, was Nachpflegen nie schafft. Und eine Fallback-Kette gehört von Anfang an dazu – ein Lernangebot, das bei API-Ausfall leer ist, verspielt Vertrauen.

Die Kursstruktur bleibt stabil, die Meldung wechselt täglich. Verbunden werden beide über die Transferaufgabe – fällt die API aus, greift die Fallback-Kette.

QUELLE

Lernbegleiter öffnen (externer Link)

Ansicht anpassen

Schriftgröße
Farbmodus
Kontrast
Farben
Bewegung

Ihre Auswahl wird nur auf diesem Gerät gespeichert. Mehr dazu:Barrierefreiheit.