Storyline 360: So entwerfen Sie einen barrierefreien Kurs

Letzte Aktualisierung des Artikels:

Dieser Artikel gilt für:

Im E-Learning stellt die Barrierefreiheit sicher, dass Ihre Inhalte unabhängig von ihren Fähigkeiten für alle Lernenden konzipiert sind. Das Erstellen eines barrierefreien Kurses ist nicht nur etwas, das Sie tun müssen, um Standards wie die Richtlinien zur Barrierefreiheit für Webinhalte (WCAG) und Abschnitt 508 zu erfüllen. Wenn Sie die Zugänglichkeit Ihrer Inhalte verbessern, profitieren alle davon.

In diesem Artikel finden Sie spezifische Möglichkeiten, um Lernenden dabei zu helfen, vollständig mit Ihren Storyline 360-Kursen zu interagieren.

Gestalten Sie Ihren Kurs mit Blick auf Barrierefreiheit

Sie möchten, dass alle Lernenden, einschließlich solcher mit visuellen, motorischen, auditiven, sprachlichen oder kognitiven Behinderungen, Ihren Kurs verstehen, navigieren und mit ihnen interagieren. Machen Sie die Lernenden sofort mit dem Layout und Design vertraut, indem Sie zu Beginn Ihres Kurses Anweisungen zur Barrierefreiheit bereitstellen.

Hier sind einige Best Practices, auf die Sie sich bei der Gestaltung Ihres Kurses stützen können.

  • Verwenden Sie ein konsistentes Design. Ein konsistentes Design erleichtert das Navigieren und Verstehen einer Website. Formatieren Sie Textstile und Folienmaster so, dass sie so aussehen, wie Sie möchten, und verwenden Sie sie dann während Ihres gesamten Kurses wieder.
  • Beseitigen Sie Ablenkungen. Beschäftigte Designs können dazu führen, dass Menschen mit kognitiven Behinderungen wichtige Informationen verpassen. Sie sollten Unordnung vermeiden, animierte Objekte auf ein Minimum beschränken und Leerraum verwenden, um die Lesbarkeit und Lesbarkeit zu verbessern.
  • Verwende eine einfache Sprache. Eine einfache und klare Sprache, die für Ihre Inhalte geeignet ist, hilft Ihrem Publikum, die Informationen zu lesen und zu verstehen.
  • Verwenden Sie barrierefreie Schriftarten. Formatieren Sie Ihr Design, um die Lesbarkeit zu erhöhen, indem Sie einfache und gerade Schriftarten wie serifenlose Schriftarten verwenden. Verwenden Sie keine All-Caps-Formatierung, da es schwierig ist zu lesen.
  • Verwenden Sie beschreibende Links. Geben Sie den Lernenden Hyperlinks mit dem richtigen Kontext, wohin sie durch Klicken auf den Link gelangen. Zum Beispiel sagt „hier klicken“ den Lernenden nicht, was der Link bewirkt. Hyperlink stattdessen einen bestimmten Satz: „Lesen Sie unsere Richtlinienerklärung“.
  • Geben Sie den Lernenden klares Feedback. Die Teilnehmer müssen eine Bestätigung erhalten, wenn sie eine Aktion abschließen, und Fehlermeldungen sollten eine klare Richtung geben.
  • Bieten Sie textbasierte Alternativen an. Verwenden Sie Text, um wichtige Details mitzuteilen. Wenn Sie Bilder oder Animationen verwenden, um einen wesentlichen Kontext bereitzustellen, bieten Sie Textbasierte Alternativen für Lernende mit Sehbehinderungen an. Verwenden Sie beispielsweise alternativen (alt) Text, um Bilder zu beschreiben. Oder fügen Sie einen optionalen Link zu einer animierten Folie hinzu, die eine statische, textbasierte Ebene mit denselben Informationen für Lernende öffnet, die Bildschirmleser verwenden.
  • Verwende keine blinkenden Inhalte. Bei lichtempfindlicher Epilepsie kann das Blinken Anfälle auslösen. Animationen, GIFs und Videos sollten nicht mehr als dreimal pro Sekunde blinken, blinken oder flackern.

Machen Sie Inhalte für Bildschirmleser und Tastaturen zugänglich

Lernende mit Sehbehinderungen verwenden häufig Bildschirmlesegeräte, um E-Learning-Kurse zu navigieren. Storyline 360 unterstützt JAWS-, NVDA-, VoiceOver- und TalkBack-Bildschirmlesegeräte mit unseren unterstützten Browsern. Andere Lernende können sich ausschließlich auf Tastaturen oder Tastaturalternativen verlassen, um in Online-Inhalten zu navigieren.

Sehbehinderungen decken ein breites Spektrum ab, einschließlich Sehschwäche, Farbenblindheit und völliger Blindheit. Dazu gehören auch Lernende, denen es aufgrund von Lernbehinderungen oder weil die Kurssprache eine zweite Sprache für sie ist, schwierig finden, Text auf dem Bildschirm zu lesen. Glücklicherweise gibt es mehrere Möglichkeiten, Ihre visuellen Inhalte wie unten beschrieben zugänglich zu machen.

Passen Sie die Fokusreihenfolge an, um einen sinnvollen Kontext bereitzustellen

Die Fokusreihenfolge, die Sie für jede Folie in Storyline 360 definieren, steuert die Leserichtung für Bildschirmlesegeräte und die Tab-Reihenfolge für interaktive Elemente wie Schaltflächen, Hotspots und Dateneingabefelder. Passen Sie die Fokusreihenfolge für jede Folie an, um am sinnvollsten zu sein.

Identifizieren Sie die Kurssprache

Storyline 360 fügt Ihrer veröffentlichten Datei story.html einen Sprachcode für Bildschirmlesegeräte hinzu, der auf der Sprache basiert, die Sie für Ihre Textbeschriftungen Auswählen. Sie können ganz einfach zu einer anderen Sprache oder zu einem anderen Satz benutzerdefinierter Textbeschriftungen wechseln.

Anpassen der Textetiketten

Bildschirmleser verwenden Textbeschriftungen, um Schaltflächen, Nachrichten, Anweisungen für Bildschirmleser und andere Player-Steuerelemente zu beschreiben. Hier finden Sie alles, was Sie über das Arbeiten mit Textbeschriftungen in Storyline 360 wissen müssen.

Lernenden erlauben, Spieler-Navigationselemente zu überspringen

Lassen Sie die Lernenden die wiederholte Navigation während Ihres Kurses überspringen. Wenn nur Tastaturbenutzer und Benutzer des Bildschirmlesegeräts an dem letzten Objekt einer Folie vorbeifahren, haben sie die Möglichkeit, unter Umgehung aller Player-Steuerelemente an den Anfang der Folie zurückzukehren. Sie können die Leertaste oder die Eingabetaste drücken, um die Verknüpfung zum Überspringen der Navigation zu aktivieren und zum Anfang der Folie zurückzukehren. Oder sie können die Tabulatortaste drücken, um mit den Spieler-Steuerelementen fortzufahren.

Tipp: Die Verknüpfung zum Überspringen der Navigation ist standardmäßig aktiviert, sodass die Teilnehmer nicht durch alle Player-Funktionen navigieren müssen, um den Folieninhalt erneut zu hören. Wenn Sie es ausschalten müssen, können Sie die Verknüpfung zum Überspringen der Navigation deaktivieren.

Wählen Sie Farben der sichtbaren Fokusanzeige

Wenn Lernende mit einer Tastatur navigieren, hebt ein Umriss, der als Fokusindikator bezeichnet wird, das derzeit ausgewählte Objekt hervor. Ohne einen Fokusindikator wissen diese Lernenden nicht, wo sie sich auf der Seite befinden — daher ist es wichtig.

In Storyline 360 können Sie zwei Fokusfarben wählen. Ein zweifarbiger Fokusindikator hilft den Lernenden, das Fokusrechteck auf dunklen und hellen Hintergründen zu sehen.

Machen Sie Bilder zugänglich

Alternativen Text hinzufügen

Nicht-Text-Inhalte benötigen alternativen Text (Alt-Text), um ihre Bedeutung für Lernende zu beschreiben, die Hilfstechnologien wie Bildschirmleser verwenden. Die gute Nachricht ist, dass es einfach ist, Alt-Text in Storyline 360 hinzuzufügen.

Sie müssen nur Alt-Text zu Objekten hinzufügen, die dem Lernenden Bedeutung oder Kontext vermitteln. Verstecken Sie rein dekorative Bilder und Formen vor Barrierefreiheitstools, wenn sie nicht zum Zweck des Inhalts beitragen. Andernfalls werden Benutzer von Bildschirmlesern durch unnötige Ankündigungen ermüdet.

Schauen Sie sich diese Tipps an, um guten Alt-Text zu schreiben (aus Seite 8 unseres E-Books für Barrierefreiheit):

  • Übermitteln Sie denselben Inhalt und Informationen, die vom Objekt oder Bild präsentiert werden - Sie müssen keinen Text auf dem Bildschirm enthalten.
  • Seien Sie prägnant, ohne auf relevante Informationen zu verzichten.
  • Fügen Sie kein „Bild von“ und „Grafik von“ hinzu und geben Sie einfach die benötigten Informationen an.
  • Verwenden Sie keine Abkürzungen und übermäßige Interpunktionen wie ***, die Bildschirmleser ärgerlich als „Sternchen, Sternchen, Sternchen“ lesen werden.

Erhöhen Sie die Spielerschriftgröße

Als Kursautor haben Sie die vollständige Kontrolle über die Größe des Folientexts, aber was ist mit Spielerelementen wie Schaltflächen, Seitenleisten-Registerkarten und Popup-Nachrichten? Es ist einfach, die Schriftgröße von einem beliebigen Prozentsatz zwischen 75% und 200% in Ihren Spielereinstellungen festzulegen.

Machen Sie Audio- und Videoinhalte zugänglich

Nicht Autoplay

Personen, die Bildschirmlesegeräte verwenden, navigieren durch Hören, erlauben daher nicht, dass Audio- oder Videoinhalte automatisch abgespielt werden. Lassen Sie Ihre Lernenden die Playback steuern. So passen Sie die Videoeigenschaften an.

Untertitel hinzufügen

Untertitel sind eine Textversion des Audios, das benötigt wird, um den Inhalt zu verstehen. Importieren Sie Untertitel oder erstellen Sie Untertitel direkt in Storyline 360 mit dem integrierten Editor. Es ist einfach zu machen und produziert große Dividenden.

Außerdem ist Untertitel nicht nur für Lernende mit Hörbehinderungen gedacht. Wenn Ihr Kurs eine zweite Sprache für Lernende ist, können Untertitel ihnen helfen, den Inhalt vollständig zu verstehen. Und Lernende in lauter Umgebung werden auch Bildunterschriften zu schätzen wissen.

Bereitstellen eines Transkripts

Transkripte werden Audio in geschriebenen Text konvertiert. Sie unterscheiden sich von Untertiteln, bei denen es sich um zeitcodierte Frames handelt. Erwägen Sie, ein Transkript über das Spielernotizenbedienfeld für jede Folie oder einen herunterladbaren Anhang für den gesamten Kurs hinzuzufügen. Stellen Sie sicher, dass Sie die notwendigen Details in das schriftliche Transkript aufnehmen, das visuell in Bildern und Videos vermittelt wird, damit die Lernenden alle Informationen haben.

Text zugänglich machen

Verwenden Sie ein Kontrastverhältnis von 4,5:1

Einige Lernende haben eher Sehschwäche als totale Blindheit. Um Ihren Kurs für Lernende mit schwacher Sicht zugänglich zu machen, verwenden Sie Bildschirmtext mit einem Kontrastverhältnis von 4, 5:1 oder höher gegenüber der Hintergrundfarbe.

Wenn Sie Text auf einem Hintergrundbild überlagern, reduzieren Sie die Helligkeit und den Kontrast des Bildes, um den Text leichter lesbar zu machen. Oder platzieren Sie eine halbtransparente Form zwischen Bild und Text, um das Kontrastverhältnis zu erhöhen.

Um das Kontrastverhältnis schnell zu ermitteln, probieren Sie diese webbasierte Kontrastprüfung aus oder laden Sie dieses Kontrastprüfungstool herunter.

Bieten Sie eine Audio-Alternative für Text auf dem Bildschirm an

Einige Lernende können Ihren Kurs möglicherweise sehen, hören aber lieber zu als zu lesen. Sie haben möglicherweise Lernbehinderungen wie Legasthenie, sind möglicherweise keine starken Leser oder befinden sich in einer geschäftigen Umgebung, in der sie sich nicht auf den Bildschirm konzentrieren können. Oder vielleicht ist Ihre Kurssprache eine zweite Sprache für sie. Erwägen Sie, diesen Lernenden eine Audio-Version textbasierter Folien anzubieten. Sie könnten beispielsweise optionale Erzählungen abspielen, wenn die Teilnehmer auf ein Lautsprechersymbol klicken oder eine Tastenkombination drücken.

Lassen Sie Storyline 360 Ihren Text schnell in Sprache konvertieren, wenn die Aufzeichnung von Erzählungen überwältigend erscheint. Sie können sogar die Stimme und die Sprache wählen, um sicherzustellen, dass jedes Wort richtig klingt.

Verwenden Sie barrierefreien Text, Textstile und Textautofit

Mit dem zugänglichen Text in Storyline 360 können Lernende die Größe und den Stil von Text mithilfe benutzerdefinierter Stylesheets oder Browsererweiterungen personalisieren, wodurch er lesbarer und zugänglicher denn je ist.

Zugängliche Textstile in Storyline 360 schaffen mehr Designkonsistenz und helfen Screenreadern. Das liegt daran, dass Textstile die Hierarchie der Informationen mit Bildschirmreadern teilen, damit sie Überschriften, Hyperlinks, Zitate und Absätze identifizieren und ankündigen können.

Eine weitere wichtige Sache, die zu beachten ist, ist die Textgröße. Wenn Ihre Kopie zu klein ist, haben die Lernenden möglicherweise Probleme, sie zu lesen. Mit Verbesserungen der Textautofit können Sie Textfelder auf eine feste Größe setzen, ohne den Text zu verkleinern, wenn er überläuft - damit Sie wissen, dass Ihre Lernenden ihn leicht lesen können.

Barrierefreiheitskontrollen aktivieren

Ermöglichen Sie den Lernenden, ihre Erfahrung zu personalisieren, indem Sie die Barrierefreiheitskontrollen im Kursspieler aktivieren. Mit diesen Steuerelementen können Lernende den Zoommodus ändern, zugänglichen Text ein- oder ausschalten und Tastenkombinationen umschalten.

Machen Sie interaktive Inhalte zugänglich

Das Erstellen interaktiver Inhalte hält Ihre Lernenden auf dem Laufenden. Die beiden häufigsten interaktiven Elemente sind Navigationsfunktionen und Tests. Darüber hinaus verfügt Storyline 360 über viele interaktive Objekte wie Schaltflächen und Dateneingabefelder, mit denen Sie interaktive Folien erstellen können.

Verlassen Sie sich nicht auf Farbe allein, um Bedeutung zu vermitteln

Wenn Sie Farbe verwenden, um wichtigen Kontext oder Bedeutung bereitzustellen, bieten Sie Lernenden mit Farbenblindheit Text-, Audio- oder Bildarquivalente an. Wenn Sie beispielsweise Grün verwenden, um eine korrekte Antwort anzuzeigen, und Rot, um eine falsche Antwort anzuzeigen, fügen Sie Audio- oder Bildschirmtext ein, um die gleichen Informationen für Lernende zu vermitteln, die nicht zwischen Grün und Rot unterscheiden können.

Verlassen Sie sich in ähnlicher Weise nicht auf Farbe allein, um Hyperlinks zu identifizieren. Unterstreichen Sie beispielsweise Text mit einem Link und geben Sie Anweisungen für Bilder mit Links, damit die Lernenden wissen, dass sie interaktiv sind.

Idealerweise ist es am besten, mit jemandem zu arbeiten, der Farbenblindheit hat, damit Sie die bestmögliche Erfahrung gewährleisten können. Color Oracle ist ein kostenloser Farbenblindheitssimulator, wenn dies keine Option ist. Es nimmt das Rätselraten bei der Gestaltung der Farbenblindheit heraus, indem es Ihnen zeigt, was Menschen mit häufigen Farbsehbehinderungen in Echtzeit sehen werden.

Verlassen Sie sich nicht auf Hover-Status allein, um Details anzuzeigen

Während Hover-Status (d. h. Rollover-Effekte, die eine Maus erfordern) sich hervorragend für die Förderung von Interaktivität eignen, verlassen Sie sich nicht darauf, dass sie wichtige Informationen anzeigen. Erwägen Sie, eine Alternative zur Tastatur bereitzustellen, wenn Sie den Hover-Status verwenden, um Text oder Bilder anzuzeigen. Zum Beispiel ist es in Ordnung, die Farbe einer Schaltfläche zu ändern, wenn eine Maus darüber fährt, um anzuzeigen, dass es sich um ein anklickbares Objekt handelt. Dennoch möchten Sie keinen Feedback-Text im Hover-Status anzeigen, ohne eine andere Möglichkeit für den Zugriff auf die Informationen bereitzustellen. Eine Alternative für dieses Beispiel wäre eine Tastenkombination, die eine Audio-Version des Feedbacks für diejenigen abspielt, die keine Maus verwenden.

Legen Sie keine Zeitlimits fest

Timer können die Fähigkeit des Lernenden verbieten, die von Ihnen hinzugefügten, zugänglichen Alternativen zu verwenden, oder können ein Fokushindernis darstellen. Vermeiden Sie Quiz-Timer und verzichten Sie darauf, Auslöser zu verwenden, um nach Möglichkeit zeitgesteuerte Interaktionen zu erstellen.

Bieten Sie Tipps zu Quizfragen

Wenn eine Quizfrage mehr als eine Antwortwahl akzeptiert, geben Sie Anweisungen für Benutzer des Bildschirmlesers ein. Beispieltipps sind: Mehrere Antworten sind möglich, Alles zutreffende auswählen und Leerzeichen ausfüllen.

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

Drag-and-Drop-Interaktionen erfordern eine Maus für die Navigation, was sie für Lernende mit Mobilitätseinschränkungen schwierig oder unmöglich macht. Wenn Sie sie zu Ihrem Kurs hinzufügen, stellen Sie textbasierte oder tastaturgesteuerte Alternativen bereit. Beispielsweise können Sie eine Tastatur-Interaktion verwenden, z. B. eine übereinstimmende Frage oder eine Schieberegler-Interaktion. Sie können den Lernenden auch eine detaillierte Textbeschreibung der Informationen geben, die sie aus der Interaktion wissen müssen.

Möchten Sie eine per Tastaturen zugängliche Drag-and-Drop-Interaktion entwerfen? Schauen Sie sich Sarah Hodges herunterladbares Beispiel und das kostenlose Webinar an, in dem sie erklärt, wie man es erstellt.

Zugänglichkeit zu 360°-Bildern hinzufügen

Ein 360°-Bild ist ein Panoramafoto, das immersive Lernerfahrungen wie virtuelle Touren und Explorationsaktivitäten schafft.

Fügen Sie den Medien, Schaltflächen, Markern und Hotspot-Labels in 360°-Interaktionen Alt-Text hinzu, damit alle Lernenden die gleiche ansprechende Erfahrung haben können. Wir haben eine barrierefreie Navigation integriert, damit Ihre Lernenden eine Tastatur oder einen Bildschirmleser verwenden können.

Verwenden von Dialog-Layern

Verwandeln Sie eine Standardebene in eine Dialogebene, um Interaktionen noch intuitiver und inklusiver zu gestalten. Wenn Lernende auf eine Dialogebene stoßen, bleibt der Tastaturfokus auf dem modalen Dialog und seinem Inhalt, indem alles andere im Browserfenster abgeblendet wird, sodass die Lernenden mit nichts anderem im Kurs interagieren können, während die Ebene geöffnet ist.

Teilnehmer können mit einem Bildschirmleser oder einer Tastatur in Dialogebenen navigieren. Verbessern Sie das ScreenReader-Erlebnis für Dialog-Layer, indem Sie Barrierefreiheitsattribute für einen alternativen Titel und eine alternative Beschreibung definieren.

Holen Sie sich Hilfe, wenn Sie sie brauchen

Willst du tiefer gehen? Schauen Sie sich unsere Storyline 360 Voluntary Product Accessibility Template® (VPAT®), unser kostenloses E-Book zur Gestaltung von barrierefreiem E-Learning und unsere Webinare zur Barrierefreiheit an.

Besuchen Sie auch https://webaim.org, um umfassende Lösungen für Barrierefreiheit im Internet zu erhalten, einschließlich training, Tools und Community-Support.

Und wenn Sie Hilfe benötigen, stellen Sie einfach eine Frage bei E-Learning Heroes, der größten und engagiertesten E-Learning-Community der Welt. Es gibt über 1.000.000 Mitglieder, die gerne helfen möchten. Die Chancen stehen gut, dass jemand bereits ein Problem gelöst hat, das Sie erleben, und wird die Weisheit haben, die Sie teilen können.