Beim Erstellen von barrierefreiem E-Learning geht es nicht darum, Kästchen anzukreuzen. Natürlich ist die Einhaltung von Standards wie den Web Content Accessibility Guidelines (WCAG), Abschnitt 508 und EN 301 549 bei der Entwicklung Ihrer Kurse von entscheidender Bedeutung. Wenn Sie diese Kriterien einhalten, können Sie sicherstellen, dass die Inhalte für alle Lernenden konzipiert sind, unabhängig von ihren Fähigkeiten. Aber die Verbesserung der Barrierefreiheit Ihrer Inhalte kommt allen zugute — und das macht Ihr E-Learning insgesamt effektiver.

Dieser Artikel enthält Strategien zur Verbesserung der Barrierefreiheit, damit sich alle Lernenden voll und ganz mit Ihren Storyline 360-Kursen beschäftigen können.

• Denken Sie bei der Gestaltung an Barrierefreiheit
• Machen Sie Inhalte für Bildschirmlesegeräte und Tastaturen zugänglich
• Machen Sie Bilder zugänglich
• Machen Sie Audio- und Videoinhalte zugänglich
• Machen Sie Text zugänglich
• Machen Sie interaktive Inhalte zugänglich
• Holen Sie sich Hilfe, wenn Sie sie brauchen

Design mit Blick auf Barrierefreiheit

Barrierefreiheit ist kein Zufall. Wenn Sie möchten, dass alle Lernenden — auch Personen mit Seh-, Motor-, Hör-, Sprach- oder kognitiven Behinderungen — Ihren Kurs verstehen, sich darin zurechtfinden und mit ihm interagieren können, müssen Sie als Kursautor Entscheidungen treffen und dieses Ziel vor Augen haben.

Lassen Sie sich bei der Gestaltung Ihres Kurses von diesen bewährten Methoden leiten.

• Stellen Sie im Voraus Anweisungen zur Barrierefreiheit bereit. Um sicherzustellen, dass die Lernenden mit dem Layout und dem Design vertraut sind, beginnen Sie Ihren Kurs mit Anweisungen zur Barrierefreiheit. Erläutern Sie klar und deutlich alle Funktionen oder Einstellungen, die die Benutzerfreundlichkeit verbessern, z. B. welche Optionen der Lernende hat, wann das Einstellungsmenü für Barrierefreiheit verfügbar ist, und wie er auf die Liste der Tastenkombinationen zugreift. Wenn Sie mit diesen Anweisungen beginnen, entsteht eine integrativere und einladendere Lernumgebung für alle.
• Bleiben Sie konsistent. Ein einheitliches Design und eine einheitliche Navigation machen es einfacher, Ihrem Kurs zu folgen und ihn zu verstehen. Konsistenz hilft den Lernenden, sich auf den Inhalt zu konzentrieren — nicht auf Änderungen am Design. Außerdem können Lernende mit Behinderungen eine konsistente Kursstruktur leichter vorhersagen und sich darin zurechtfinden. Das Einrichten von Textstilen und Folienmastern und deren Wiederverwendung im gesamten Kurs kann Ihnen helfen, den Überblick zu behalten.
• Behalten Sie den Fokus bei. Vielfältige Designs können dazu führen, dass Menschen mit kognitiven Behinderungen wichtige Informationen übersehen. Um eine effektivere Lernerfahrung zu schaffen, vermeiden Sie Unordnung, reduzieren Sie animierte Objekte auf ein Minimum und vermeiden Sie Textbilder. Aktivieren Sie den Vollbildmodus des Player, damit sich die Lernenden besser auf den Inhalt konzentrieren können. Verwenden Sie Leerraum, um die Lesbarkeit und Lesbarkeit zu verbessern. Indem Sie Ihr Design vereinfachen, stellen Sie sicher, dass die wichtigsten Punkte klar und für jeden zugänglich sind.
• Verwenden Sie einfache Sprache. Eine einfache und klare Sprache, die zu Ihren Inhalten passt, hilft Ihrem Publikum, die Informationen zu lesen und zu verstehen. Bemühen Sie sich außerdem, eine inklusive Sprache zu verwenden. Wenn Sie beispielsweise Begriffe wie „auswählen“ statt „klicken“ wählen, wird die Benutzerfreundlichkeit auf allen Arten von Geräten berücksichtigt, von Desktops bis hin zu Smartphones, und die Bereitstellung eines Glossars für Akronyme und komplizierte Begriffe hilft den Lernenden, den Inhalt leicht zu verstehen.
• Verwenden Sie beschreibende Links. Hyperlinks sollten den Lernenden mitteilen, wohin der Link sie führen wird. Anstatt eine vage Formulierung wie „Hier klicken“ zu verwenden, verwenden Sie etwas Bestimmtes wie „Lesen Sie unsere Grundsatzerklärung“. Dieser Ansatz hilft allen Lernenden, Ihre Inhalte besser zu verstehen und sich effektiver mit ihnen auseinanderzusetzen.
• Geben Sie klares Feedback. Sorgen Sie dafür, dass die Lernenden eine Bestätigung erhalten, wenn sie eine Aktion abgeschlossen haben, damit sie sich sicher fühlen, was ihre Fortschritte angeht. Fehlermeldungen sollten außerdem informativ und hilfreich sein und klare Anweisungen zur Korrektur von Fehlern enthalten. Indem Sie die Lernenden durch den Kurs führen, reduzieren Sie Frustration und verbessern ihr Verständnis des Materials.
• Sorgen Sie dafür, dass der Inhalt für alle Lernenden sicher ist. Inhalte, die mehr als dreimal pro Sekunde blinken, blinken oder flackern, können bei Menschen mit lichtempfindlicher Epilepsie Anfälle auslösen. Halten Sie sich daher an Animationen, GIFs und Videos, die nicht blinken. Benutzer sollten auch in der Lage sein, Strobe-Effekte oder Animationen anzuhalten. Die Einhaltung dieser Richtlinien trägt dazu bei, dass die Lernerfahrung für alle sicher und inklusiv ist.
• Bieten Sie mehrere Navigationsmöglichkeiten an. Ihr Kurs sollte verschiedene Navigationsoptionen bieten, darunter Menüs, Suchfunktionen und anklickbare Elemente, um unterschiedlichen Benutzerpräferenzen und Bedürfnissen gerecht zu werden. Dies erleichtert es den Lernenden, die Inhalte zu finden und mit ihnen zu interagieren.
• Erlauben Sie sowohl den Hoch- als auch den Querformatmodus. Beschränken Sie die responsiven Wiedergabeeigenschaften uneingeschränkt, sodass Ihr Kurs sowohl im Hoch- als auch im Querformat problemlos funktioniert. Sie möchten den Lernenden ein flexibles Erlebnis bieten, das sich an ihre Bedürfnisse und Vorlieben anpasst und es ihnen ermöglicht, von jedem Gerät aus bequem auf die Inhalte zuzugreifen.

Machen Sie Inhalte für Bildschirmlesegeräte und Tastaturen zugänglich

Seheinschränkungen decken ein breites Spektrum ab, darunter Sehschwäche, Farbenblindheit und totale Blindheit. Lernende, die aufgrund von Lernschwierigkeiten oder weil die Kurssprache nicht ihre Muttersprache ist, Schwierigkeiten haben, Text auf dem Bildschirm zu lesen, können auch von leichter zugänglichen visuellen Inhalten profitieren.

Einige Lernende mit Seheinschränkungen verwenden Bildschirmlesegeräte, um sich in E-Learning-Kursen zurechtzufinden. Storyline 360 unterstützt beliebte Screenreader wie JAWS, NVDA, Narrator, VoiceOver und TalkBack mit unseren unterstützten Browsern. Einige Lernende verlassen sich möglicherweise ausschließlich auf die Tastatur oder alternative Tastaturen, um durch Inhalte zu navigieren. (Klicken Sie hier, um Informationen darüber zu erhalten, wie Ihre Lernenden mit einer Tastatur oder einem Bildschirmleser durch Folieninhalte navigieren.)

Lesen Sie weiter, um Tipps zu erhalten, wie Sie Ihre visuellen Inhalte barrierefrei gestalten können.

Passen Sie die Fokusreihenfolge an

Die Fokusreihenfolge, die Sie für jede Folie festlegen, steuert die Lesereihenfolge für Screenreader und die Tabulatorreihenfolge für interaktive Elemente wie Schaltflächen, Hotspots und Dateneingabefelder. Wenn Sie die Fokusreihenfolge anpassen, um sicherzustellen, dass Bildschirmleseprogramme den Inhalt logisch und intuitiv darstellen, wird das Lernerlebnis für Benutzer mit Sehbehinderungen verbessert.

Identifizieren Sie die Kurssprache

Durch die Einstellung der Kurssprache können Bildschirmleser den Inhalt korrekt interpretieren und präsentieren. Storyline 360 fügt der Datei story.html automatisch einen Sprachcode hinzu, der auf der Sprache basiert, die Sie für Ihre Textbeschriftungen ausgewählt haben, wenn Sie Ihren Kurs veröffentlichen. Diese Flexibilität ermöglicht es Ihnen, maßgeschneiderte Erlebnisse für unterschiedliche Zielgruppen zu erstellen.

Passen Sie die Textbeschriftungen an

Bildschirmlesegeräte verwenden Textbeschriftungen, um Schaltflächen, Nachrichten, Screenreader-Anweisungen und andere Player-Bedienelemente zu beschreiben. Sie können Ihre Textbeschriftungen ganz einfach an bestimmte Begriffe und Formulierungen anpassen. Diese Anpassung kann den Lernenden helfen, den Inhalt besser zu verstehen, insbesondere wenn die Standardbezeichnungen nicht dem Kontext Ihres Kurses entsprechen.

Hinweis: Die Bedienelemente und Navigationstasten des Players zeigen QuickInfos an, auf die Benutzer von Maus, Tastatur und Bildschirmleseprogramm zugreifen können.

Erlauben Sie den Lernenden, Navigationselemente der Spieler zu überspringen

Wenn Sie es den Lernenden ermöglichen, sich wiederholende Navigationselemente in Ihrem Kurs zu überspringen, profitieren nur Benutzer von Tastaturen und Benutzern von Bildschirmleseprogrammen. Sie können auf die Tastenkombination zum Überspringen der Navigation zugreifen, indem Sie die Leertaste oder die Eingabetaste drücken, um zum Anfang der Folie zurückzukehren, sobald das letzte Objekt auf einer Folie fertiggestellt ist. Die Lernenden können wählen, ob sie alle Spielersteuerungen umgehen möchten, oder sie können die Tabulatortaste drücken, um zur Spielersteuerung zu gelangen.

Tipp: Die Tastenkombination „Navigation überspringen“ ist standardmäßig aktiviert. Aus Gründen der Barrierefreiheit empfehlen wir, sie aktiviert zu lassen. Sie können es jedoch bei Bedarf deaktivieren.

Wählen Sie „Farben für sichtbare Fokusindikatoren“

Tastaturbenutzer müssen in der Lage sein, ausgewählte Objekte leicht zu sehen. Eine klare Fokusanzeige kann Lernenden, die mit einer Tastatur navigieren, helfen, zu wissen, wo sie sich auf der Seite befinden.

In Storyline 360 können Sie die Fokusanzeige mit zwei Farben anpassen. Die Einstellung einer kontrastierenden zweifarbigen Fokusanzeige hilft den Lernenden, das Fokusrechteck auf dunklem und hellem Hintergrund zu erkennen.

Erhöhen Sie die Schriftgröße des Players

Als Kursautor haben Sie die vollständige Kontrolle über die Größe des Folientextes. Es ist wichtig sicherzustellen, dass Player-Elemente wie Schaltflächen, Seitenleisten-Tabs und Pop-up-Nachrichten für alle Lernenden leicht lesbar sind. In Ihren Player-Einstellungen können Sie die Schriftgröße auf einen beliebigen Prozentsatz zwischen 75% und 200% einstellen. Diese Flexibilität ermöglicht es Ihnen, die Schriftgröße des Player so anzupassen, dass der gesamte Text für jeden in Ihrem Publikum klar und lesbar bleibt.

Erweitern Sie das Angebot über die Verwendung von Farbe

Stellen Sie sicher, dass Farbe nicht die einzige Möglichkeit ist, Informationen in Ihrem Kurs auszutauschen. Wenn Sie beispielsweise Farben verwenden, um richtige und falsche Antworten anzugeben oder um Daten in Grafiken und Diagrammen voneinander zu unterscheiden, fügen Sie auch Textbeschriftungen, Muster, Formen oder Symbole hinzu. Auf diese Weise können alle Lernenden — auch Personen mit Farbenblindheit oder Sehbehinderungen — Ihre Inhalte verstehen und sich mit ihnen auseinandersetzen.

Machen Sie Bilder barrierefrei

Die Barrierefreiheit von Bildern ist für Lernende, die auf alternativen Text (Alt-Text) angewiesen sind, um visuelle Inhalte zu verstehen, unerlässlich. Barrierefreie Bilder kommen auch Lernenden mit kognitiven Behinderungen und Nicht-Muttersprachlern der Kurssprache zugute, da sie ihnen helfen, den Kontext und den Zweck der Bilder zu verstehen.

Lesen Sie weiter, um Tipps zu erhalten, wie Sie Ihre Bilder barrierefrei gestalten können.

Bieten Sie textbasierte Alternativen an

Verlassen Sie sich auf Text, nicht auf Bilder, um wichtige Details zu kommunizieren. Wenn Sie Bilder oder Animationen verwenden müssen, um wichtigen Kontext zu vermitteln, bieten Sie textbasierte Alternativen für Lernende mit Blindheit oder eingeschränktem Sehvermögen an. Verwenden Sie beispielsweise alternativen Text, um Bilder zu beschreiben, oder fügen Sie einen optionalen Link zu einer animierten Folie hinzu, um eine statische, textbasierte Ebene mit denselben Informationen für Lernende zu öffnen, die Screenreader verwenden.

Fügen Sie alternativen Text hinzu

Inhalte, bei denen es sich nicht um Text handelt, benötigen alternativen Text (Alt-Text), um den Lernenden, die unterstützende Technologien verwenden, ihre Bedeutung zu beschreiben. Fügen Sie Objekten, die dem Lernenden Bedeutung oder Kontext vermitteln, Alternativtext hinzu. Rein dekorative Bilder und Formen können in den Tools zur Barrierefreiheit ausgeblendet werden, um unnötige Ankündigungen zu vermeiden, die Benutzer von Screenreadern ermüden könnten.

Unser On-Demand-Webinar „Wie schreibe ich Alternativtext für E-Learning“, bietet spezifischere Strategien. Die folgenden Tipps zum Schreiben von gutem Alternativtext können Ihnen den Einstieg erleichtern:

• Seien Sie beschreibend und spezifisch. Beschreiben Sie den Inhalt, die Funktion und den Kontext des Bildes klar und deutlich. Sie sollten so detailliert sein, dass jemand, der das Bild nicht sehen kann, trotzdem seinen Zweck versteht. Verwenden Sie keine sich wiederholenden Ausdrücke wie „Bild von“ und „Grafik von“. Bildschirmlesegeräte kündigen dies standardmäßig an.
• Halte es kurz. Streben Sie nach kurzen Beschreibungen, die die wesentlichen Informationen vermitteln. Wir empfehlen, dass der Alt-Text weniger als 150 Zeichen lang ist.
• Schreiben Sie klar und deutlich. Abkürzungen und zu viele Satzzeichen können Bildschirmlesegeräte verwirren. Verwenden Sie daher vollständige Wörter und beschränken Sie die Zeichensetzung, um Klarheit zu gewährleisten. Zum Beispiel wird*** wörtlich als „Sternchen, Sternchen, Sternchen“ gelesen.

Verwenden Sie Bildunterschriften und Beschreibungen

Bildunterschriften und detaillierte Beschreibungen bieten zusätzlichen Kontext, insbesondere bei komplexen Bildern wie Diagrammen oder Diagrammen, und stellen sicher, dass alle Lernenden, auch diejenigen, die Screenreader verwenden, den Inhalt vollständig verstehen können. Das Anbieten von Textbeschreibungen kommt auch Benutzern mit Sehbehinderungen und Benutzern mit Schwierigkeiten bei der Interpretation visueller Informationen zugute.

Machen Sie Audio- und Videoinhalte zugänglich

Audio- und Videoinhalte können für taube oder schwerhörige Lernende, kognitive Behinderungen oder Lernende, die die Kurssprache nicht als Muttersprache sprechen, eine Herausforderung darstellen. Audio- und Videoinhalte zugänglich zu machen, gewährleistet Inklusivität und verbessert das Verständnis für ein breiteres Publikum.

Lesen Sie weiter, um Tipps zur Barrierefreiheit Ihrer Audio- und Videoinhalte zu erhalten.

Erlauben Sie die vollständige Medienkontrolle

Benutzer von Bildschirmlesegeräten navigieren, indem sie zuhören, sodass Audio- oder Videoinhalte, die automatisch abgespielt werden, störend sein können. Um ihre Lernerfahrung zu verwalten, lassen Sie Ihre Lernenden die Playback steuern. So passen Sie die Videoeigenschaften an, um die automatische Playback zu verhindern und den Lernenden die Wahl einer Wiedergabegeschwindigkeit zu ermöglichen.

Aktivieren Sie die barrierefreien Videosteuerungen im modernen Player von Storyline 360, um allen Lernenden ein umfassenderes Erlebnis zu bieten. Diese Steuerungen stellen sicher, dass alle Benutzer, auch Benutzer mit Behinderungen, maximale Flexibilität beim Konsum von Videoinhalten haben.

Fügen Sie Untertitel hinzu

Das Hinzufügen von Untertiteln — Text zu Audio- oder Videoinhalten — hilft allen Lernenden, sich voll und ganz mit Ihren Inhalten auseinanderzusetzen und sie zu verstehen. Geschlossene Untertitel kommen nicht nur tauben oder schwerhörigen Lernenden zugute. Sie helfen auch Personen, die die Kurssprache nicht als Muttersprache sprechen, und allen, die in einer lauten Umgebung auf einen Kurs zugreifen. Mit dem integrierten Editor können Sie Untertitel direkt in Storyline 360 importieren oder erstellen.

Mit Storyline 360 können Sie Beschriftungen oben oder unten auf Ihren Folien positionieren und die Vordergrund- und Hintergrundfarben anpassen, um die Lesbarkeit zu maximieren. Die Ausgabe unterstützt auch Live Caption in Google Chrome.

Stellen Sie ein Transkript bereit

Transkripte konvertieren auch Audio in geschriebenen Text, unterscheiden sich jedoch von Untertiteln, die als umfassende Alternative zu Audioinhalten in zeitcodierten Frames erscheinen. Synchronisierte Videotranskripte können automatisch aus Untertiteln generiert werden und sollten auch Beschreibungen von Erzählungen, Soundeffekten und anderen audiovisuellen Elementen enthalten. Die Einbeziehung dieser Elemente verbessert die Barrierefreiheit für alle Lernenden, insbesondere für diejenigen, die taub oder schwerhörig sind oder lieber lesen als zuhören.

Fügen Sie Audiobeschreibungen hinzu

Stellen Sie für Videoinhalte Audiobeschreibungen bereit, die wichtige visuelle Details erzählen, die nicht im Dialog vermittelt wurden. Diese Praxis ist wichtig, damit Lernende mit Sehbehinderungen alle notwendigen Informationen erhalten und den Inhalt gründlich verstehen können, aber sie sorgt auch insgesamt für ein inklusiveres Lernerlebnis.

Verwenden Sie eine klare und einfache Sprache

Die Sprache in Ihren Audio- und Videoinhalten sollte einfach und leicht verständlich sein. Einfache Sprache ist für Lernende, die keine Muttersprachler sind, oder für Lernende mit kognitiven Behinderungen von entscheidender Bedeutung, und sie hilft allen Lernenden, das Material besser zu verstehen.

Machen Sie den Text barrierefrei

Textinhalte können Lernende mit Sehbehinderungen, Legasthenie, kognitiven Behinderungen oder solche, die die Kurssprache nicht als Muttersprache sprechen, vor Herausforderungen stellen. Wenn Sie den Text barrierefrei gestalten, können Sie alle Lernenden support, den Stoff zu verstehen.

Lesen Sie weiter, um Tipps zu erhalten, wie Sie Ihre Textinhalte barrierefrei gestalten können.

Verwenden Sie barrierefreie Schriften

Treffen Sie Designentscheidungen, die die Lesbarkeit maximieren, um die Barrierefreiheit für alle Lernenden zu verbessern, insbesondere für Menschen mit Sehbehinderungen und Leseschwierigkeiten. Verwenden Sie einfache, serifenlose Schriften, eine Mindestschriftgröße von 12 Punkt, Standardgroßschreibung, ausreichend Farbkontrast und Fettdruck zur Hervorhebung. Richten Sie den Text bei Sprachen mit Links-nach-rechts-Schreibrichtung wie Englisch linksbündig aus.

Achten Sie auf ein Kontrastverhältnis von 4, 5:1

Damit Ihr Kurs für sehbehinderte Lernende leicht lesbar und zugänglich bleibt, stellen Sie sicher, dass der Bildschirmtext ein Kontrastverhältnis von 4, 5:1 oder höher zur Hintergrundfarbe aufweist. Wenn Sie Text über ein Hintergrundbild legen, reduzieren Sie die Helligkeit und den Kontrast des Bildes, um die Lesbarkeit zu verbessern. Platzieren Sie alternativ eine halbtransparente Form zwischen dem Bild und dem Text, um das Kontrastverhältnis zu erhöhen.

Sie können eine webbasierte Kontrastprüfung verwenden oder ein Prüfungstool herunterladen, um das Kontrastverhältnis schnell zu bestimmen.

Bieten Sie eine Audioalternative für Text auf dem Bildschirm an

Manche Lernende ziehen es möglicherweise vor, zuzuhören statt zu lesen, weil sie Lernschwierigkeiten wie Legasthenie haben, sich in einer geschäftigen Umgebung befinden oder in einer zweiten Sprache arbeiten. Um diesen Lernenden gerecht zu werden, sollten Sie erwägen, eine Audioversion von textbasierten Folien anzubieten. Sie können die optionale Erzählung so einstellen, dass sie abgespielt wird, wenn die Lernenden ein Lautsprechersymbol auswählen oder eine Tastenkombination drücken.

Da Storyline 360 Ihren Text schnell in Sprache umwandeln kann, ist es einfach, diese Option anzubieten. Sie können sogar Stimme und Sprache wählen, um Klarheit und Genauigkeit zu gewährleisten.

Verwenden Sie barrierefreien Text, Stile und automatische Anpassung

Storyline 360 bietet mehrere Optionen zur Verbesserung der Barrierefreiheit von Text, darunter:

• Barrierefreier Text. Die Verwendung von barrierefreiem Text ermöglicht es den Lernenden, die Größe und den Stil des Textes mithilfe von benutzerdefinierten Stylesheets oder Browsererweiterungen zu personalisieren und so die Lesbarkeit zu verbessern.
• Barrierefreie Textstile. Sorgen Sie für einheitliches Design und unterstützen Sie Screenreader mit barrierefreien Textstilen. Diese Option teilt die Informationshierarchie mit Screenreadern, sodass sie Überschriften, Hyperlinks, Zitate und Absätze effektiv identifizieren und ankündigen können.
• Verbesserungen bei der automatischen Textanpassung. Es kann schwierig sein, kleinen Text zu lesen, aber dank der Verbesserungen bei der automatischen Textanpassung können Sie Textfelder auf eine feste Größe festlegen, ohne dass der Text verkleinert wird, falls er überläuft. Wenn Sie verhindern, dass der Text verkleinert wird, bleiben Ihre Inhalte für alle Lernenden lesbar, unabhängig von ihrem Gerät.

Aktivieren Sie die Steuerung der Barrierefreiheit

Die im Kursplayer verfügbaren Bedienelemente für die Barrierefreiheit ermöglichen es den Lernenden, den Zoom-Modus anzupassen, barrierefreien Text ein- oder auszuschalten und Tastenkombinationen zu verwalten. Durch die Aktivierung dieser Steuerungen können alle Benutzer, auch solche mit Seh- oder motorischen Behinderungen, den Kurs an ihre spezifischen Bedürfnisse und Vorlieben anpassen.

Interaktive Inhalte zugänglich machen

Die Einbindung interaktiver Inhalte in Ihre Kurse trägt dazu bei, dass die Lernenden motiviert bleiben. Während die beiden häufigsten interaktiven Elemente Navigationsfunktionen und Quizze sind, bietet Storyline 360 auch viele andere interaktive Objekte. Mit Elementen wie Schaltflächen und Dateneingabefeldern können Sie interaktive Folien erstellen, die das Interesse der Lernenden wecken.

Häufig wird davon ausgegangen, dass interaktive Inhalte aufgrund häufiger Hindernisse wie Probleme mit der Tastaturnavigation und Inkompatibilität von Screenreadern nicht zugänglich sind. Durch die Implementierung einiger wichtiger Praktiken sind Ihre interaktiven Inhalte jedoch für alle Lernenden zugänglich.

Lesen Sie weiter, um Tipps zu erhalten, wie Sie Ihre interaktiven Inhalte barrierefrei gestalten können.

Stellen Sie sicher, dass die Schaltflächen mindestens 24 x 24 Pixel groß sind

Wenn Sie die Größe Ihrer Schaltflächen auf mindestens 24 x 24 Pixel anpassen, können Sie die Barrierefreiheit schnell und effektiv verbessern. Größere Tasten reduzieren den Aufwand, der für ein genaues Klicken erforderlich ist, und sorgen so für ein reibungsloseres und integrativeres Benutzererlebnis für alle Lernenden, auch für Menschen mit motorischen Behinderungen. Schaltflächen sollten nicht nur eine Mindestgröße beibehalten, sondern auch einen ausreichenden Farbkontrast aufweisen und deutlich beschriftet sein, wie im nächsten Abschnitt beschrieben.

Hinweis: Alle modernen Spielersteuerungen entsprechen den neuesten Richtlinien für die Mindestzielgröße in WCAG 2.2.

Stellen Sie klare Beschriftungen und Anweisungen bereit

Alle Eingabefelder und Schaltflächen sollten klare, aussagekräftige und genaue Beschriftungen und Anweisungen haben. Verwenden Sie in allen Eingabefeldern Ihres Kurses einheitliche Benennungskonventionen, damit die Lernenden den Inhalt leichter verstehen und leichter navigieren können, auch für diejenigen, die Screenreader verwenden. Eine klare Kennzeichnung unterstützt auch Nutzer mit kognitiven Behinderungen, da sie unkomplizierte und vorhersehbare Interaktionen ermöglicht.

Verlassen Sie sich nicht nur auf Farbhinweise

Sich ausschließlich auf Farben zu verlassen, um Bedeutung zu vermitteln, kann Lernende mit Farbenblindheit oder Sehschwäche ausschließen. Fügen Sie Text-, Audio- oder Bildäquivalente hinzu, damit sich alle Lernenden voll und ganz mit Ihren Inhalten auseinandersetzen und diese verstehen können. Wenn Grün beispielsweise für eine richtige Antwort und Rot für eine falsche Antwort steht, fügen Sie Audiohinweise oder Text auf dem Bildschirm hinzu, um dieselben Informationen zu vermitteln.

Ebenso sollten Sie sich bei der Identifizierung von Hyperlinks nicht allein auf die Farbe verlassen. Unterstreichen Sie verlinkten Text und geben Sie klare Anweisungen für Bilder mit Links, damit die Lernenden wissen, dass sie interaktiv sind.

Die besten Ergebnisse erzielen Sie, wenn Sie jemanden mit Farbenblindheit konsultieren, um zu überprüfen, ob Ihr Design barrierefrei ist. Falls das nicht möglich ist, können dir Tools wie Color Oracle, ein kostenloser Farbenblindheitssimulator, zeigen, wie dein Design für Menschen mit Farbenblindheit aussieht.

Bieten Sie Alternativen zu Hover States an

Hover-Zustände vermitteln effektiv Interaktivität, indem sie das Aussehen eines Elements, z. B. einer Schaltfläche oder eines Links, ändern, wenn der Mauszeiger darüber bewegt wird. Da jedoch nicht jeder zum Navigieren eine Maus verwendet, sollten Hoverstatus allein nicht zur Anzeige wichtiger Informationen verwendet werden. Stellen Sie immer eine über die Tastatur zugängliche Alternative für Hoverstatus bereit, in denen Text oder Bilder angezeigt werden.

Sie können beispielsweise die Farbe einer Schaltfläche ändern, wenn Sie den Mauszeiger darüber bewegen, um anzuzeigen, dass sie angeklickt werden kann. Für jeden Feedback-Text sollte es jedoch auch eine Alternative geben. Um Verwirrung zu vermeiden, sollten Sie in Erwägung ziehen, Tastenkombinationen zu verwenden, die eine Audioversion des Feedbacks abspielen.

Darüber hinaus sollten alle Informationen zum Hoverstatus für Bildschirmlesegeräte zugänglich sein. Erwägen Sie, Fokusstatus zu verwenden, um Benutzern, die nur mit der Tastatur arbeiten, den Zugriff auf dieselben Informationen zu ermöglichen.

Flexibles Timing zulassen

Quiz-Timer und zeitgesteuerte Interaktionsauslöser können die Lernumgebung unnötig belasten. Wenn Sie Timer in Ihrem Kurs vermeiden, können die Lernenden in ihrem eigenen Tempo arbeiten, sodass alle, auch Menschen mit Behinderungen, ausreichend Zeit haben, barrierefreie Alternativen zu nutzen und Aufgaben zu erledigen.

Fügen Sie klare Tipps und die Identifizierung von Fehlern bei Quizfragen hinzu

Anweisungen und Feedback sollten klar und präzise sein und an prominenten Stellen in der Nähe von Quizfragen platziert werden. Machen Sie Quizfragen zugänglich, indem Sie Anweisungen für Benutzer von Screenreadern hinzufügen, wenn mehrere Antworten möglich sind. Zu den Beispieltipps gehören: „Es sind mehrere Antworten möglich“, „Wählen Sie alle zutreffenden Antworten aus“ und „Füllen Sie die Lücke aus“.

Darüber hinaus hilft klares Feedback den Lernenden, Eingabefehler zu erkennen und zu korrigieren. Konkrete Meldungen sollten darauf hinweisen, was schief gelaufen ist, und Vorschläge zur Korrektur enthalten. Wenn ein Lernender beispielsweise eine falsche Antwort auswählt, könnten Sie Feedback wie „Falsch“ geben. Denken Sie daran, alle im Text genannten Faktoren zu berücksichtigen.“ Bei Fragen zum Ausfüllen der Lücken könntest du sagen: „Falsch. Überprüfen Sie Ihre Schreibweise und versuchen Sie es erneut.“

Klare Anweisungen und Feedback helfen allen Lernenden, insbesondere denjenigen, die Screenreader verwenden, zu verstehen, wie sie richtig antworten und sich voll und ganz mit dem Quizinhalt auseinandersetzen können.

Erstellen Sie barrierefreie Folien mit Quizergebnissen

Storyline 360 bietet barrierefreie Folienvorlagen für Quizergebnisse mit modernen Designs, die standardmäßig die Richtlinien für Farbe, Kontrast und Fokus erfüllen. Sie können auch benutzerdefinierte Themenfarben für richtige und falsche Quizelemente definieren. Verwenden Sie diese Vorlagen Ergebnisfolie Ergebnisfolien, um schnell Quizergebnisse zu erstellen, mit denen alle Lernenden, auch solche mit Sehbehinderungen, ihre Leistung leicht nachvollziehen können.

Stellen Sie Alternativen für Drag-and-Drop-Interaktionen bereit

Da Drag-and-Drop-Interaktionen eine Mausnavigation erfordern, können sie für Lernende mit eingeschränkter Mobilität schwierig oder sogar unmöglich sein. Um Barrierefreiheit zu gewährleisten, sollten Sie textbasierte oder tastaturgesteuerte Alternativen anbieten. Zu Interaktionen, auf die über die Tastatur zugegriffen werden kann, gehören Optionen wie passende Fragen und Slider-Interaktionen. Zusätzlich sollte eine detaillierte Textbeschreibung der in der Drag-and-Drop-Interaktion übermittelten Informationen enthalten sein.

Um eine per Tastatur zugängliche Drag-and-Drop-Interaktion zu entwerfen, schauen Sie sich das herunterladbare Beispiel von Sarah Hodge und das kostenlose Webinar an, in dem sie erklärt, wie man sie erstellt.

Integrieren Sie Barrierefreiheitsfunktionen für 360°-Bilder

360°-Bilder sind Panoramafotos, die für immersive Lernerlebnisse sorgen, z. B. virtuelle Touren und Erkundungsaktivitäten. Fügen Sie Alt-Text zu den Medien, Schaltflächen, Markierungen und Hotspot-Bezeichnungen hinzu, um Lernenden, die Screenreader verwenden, Zugriff auf dieselben Informationen zu geben und sicherzustellen, dass sich alle Lernenden voll und ganz auf diese Interaktionen einlassen können.

Storyline 360 bietet auch eine barrierefreie Navigation, sodass Lernende 360°-Bilder mit einer Tastatur oder einem Screenreader erkunden können.

Verwenden Sie Dialogebenen

Schaffen Sie intuitivere und umfassendere Interaktionen, indem Sie Standardebenen in Dialogebenen umwandeln. Wenn ein Lernender auf eine Dialogebene stößt, blendet die Tastatur alles andere im Browserfenster ab, um sich auf den modalen Dialog und seinen Inhalt zu konzentrieren. Dieser Fokus bedeutet, dass der Lernende nicht mit anderen Kurselementen interagieren kann, solange die Ebene geöffnet ist.

Die Lernenden können mithilfe eines Bildschirmlesegeräts oder einer Tastatur durch die Dialogebenen navigieren. Definieren Sie Barrierefreiheitsattribute, einschließlich eines alternativen Titels und einer Beschreibung für die Dialogebene, um das Benutzererlebnis mit Screenreadern zu verbessern.

Holen Sie sich Hilfe, wenn Sie sie brauchen

Storyline 360 ermöglicht es Ihnen, Kurse zu erstellen, die WCAG 2.1 Ebene AA support. Detaillierte Informationen zu den Erfolgskriterien finden Sie in unserem Voluntary Product Accessibility Template® (VPAT®). Bitte beachten Sie jedoch, dass es Ausnahmen gibt: Storyline 360 support 1.3.5 Identify Input Purpose für Dateneingabefelder oder 3.1.2 Language of Parts für mehrere Screenreader-Sprachen im selben Kurs nicht. Trotz dieser Ausnahmen bietet Storyline 360 robuste Funktionen, mit denen Sie zugängliche und ansprechende Lernerfahrungen erstellen können.

Möchten Sie tiefer eintauchen? Entdecken Sie unsere Reihe Alles über Barrierefreiheit, den Barrierefreiheitsindex und Webinare zum Thema Barrierefreiheit.

Wenn du weitere Hilfe benötigst, stelle eine Frage bei E-Learning Heroes, der weltweit größten Community von Kurserstellern mit über einer Million Mitgliedern. Dort finden Sie eine Fülle von Wissen und support von Personen, die wahrscheinlich auf dieselben Probleme gestoßen sind und diese gelöst haben.