Barrierefreies E-Learning ermöglicht es, Lerninhalte so zu gestalten, dass sie auch von Menschen mit Einschränkungen problemlos genutzt werden können – z. B. von Personen mit Seh- oder Bewegungseinschränkungen. Mit Articulate Storyline 360 stehen Ihnen verschiedene Funktionen zur Verfügung, um Ihre Kurse zugänglich zu machen. In diesem Artikel zeigen wir , wie Sie unter anderem ALT-Texte einsetzen, die Tastaturnavigation optimieren und die Kompatibilität mit Screenreadern sicherstellen.
ALT-Texte für visuelle Elemente einfügen
ALT-Texte (alternative Beschreibungen) helfen Screenreader-Nutzer:innen, visuelle Inhalte zu verstehen.
So gehen Sie vor:
Markieren Sie ein Objekt (z. B. Bild, Schaltfläche, Symbol).
Klicken Sie mit der rechten Maustaste auf das Objekt und wählen Sie Barrierefreiheitsbeschriftung bearbeiten.
Tragen Sie im Feld einen kurzen, beschreibenden Text ein, der den Inhalt oder Zweck des Elements erklärt.
Hinweis:
Dekorative Elemente, die keine inhaltliche Bedeutung haben, können Sie aus der Fokusreihenfolge entfernen, damit sie von Screenreadern ignoriert werden.
Tastaturnavigation anpassen
Damit Lernende den Kurs auch ohne Maus vollständig bedienen können, muss die Navigation per Tastatur korrekt funktionieren.
So richten Sie es ein:
Gehen Sie in der Menüleiste auf Ansicht > Fokusreihenfolge.
Überprüfen Sie die Reihenfolge, in der die Objekte mit der Tab-Taste angesprungen werden.
Entfernen Sie nicht interaktive oder dekorative Objekte aus der Liste.
Geben Sie beschreibende Namen für interaktive Elemente ein, damit Screenreader diese korrekt ausgeben.
Tipp:
Testen Sie den Kurs mit der Tabulatortaste und achten Sie darauf, dass alle wichtigen Objekte erreichbar und verständlich sind.
Kompatibilität mit Screenreadern sicherstellen
Storyline 360 unterstützt gängige Screenreader wie JAWS, NVDA oder VoiceOver. Damit Inhalte korrekt vorgelesen werden, sollten Sie Folgendes beachten:
Nutzen Sie vordefinierte Player-Elemente und Interaktionen, da diese bereits für Screenreader vorbereitet sind.
Verwenden Sie eindeutige Überschriften und strukturieren Sie Ihre Folien logisch.
Setzen Sie Textbeschreibungen bei komplexen Grafiken oder Diagrammen ein.
Stellen Sie sicher, dass alle Audioinhalte auch als Transkript zur Verfügung stehen.
Weitere Empfehlungen
Für möglichst barrierefreie Inhalte empfiehlt es sich außerdem:
Farbkontraste ausreichend hoch zu wählen (z. B. dunkler Text auf hellem Hintergrund).
Keine Informationen ausschließlich über Farben zu vermitteln.
Bedienelemente ausreichend groß und mit klaren Beschriftungen zu gestalten.
Zeitgesteuerte Interaktionen zu vermeiden oder mit steuerbaren Alternativen auszustatten (z. B. „Weiter“-Buttons statt automatischer Navigation).
