Storyline 360: So entwerfen Sie einen barrierefreien Kurs

Letzte Aktualisierung des Artikels:

Dieser Artikel gilt für:

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

In diesem Artikel erfahren Sie, wie Sie Lernenden helfen können, vollständig mit Ihren Storyline 360-Kursen zu interagieren.

Gestalten Sie Ihren Kurs mit Blick auf Barriere

Sie möchten, dass alle Lernenden, einschließlich Personen mit visuellen, motorischen, auditiven, sprachlichen oder kognitiven Behinderungen, Ihren Kurs verstehen, navigieren und mit ihm 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 sollten.

  • Verwenden Sie ein einheitliches Design. Ein einheitliches Design erleichtert die Navigation und das Verständnis einer Website. Formatieren Sie Textstile und Folienmaster so, dass sie Ihren Wünschen entsprechen, und verwenden Sie sie dann im gesamten Kurs wieder.
  • Vermeiden 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, den Player im Vollbildmodus umschalten und Leerraum verwenden, um die Lesbarkeit und Lesbarkeit zu verbessern.
  • Verwende einfache Sprache. Eine einfache und klare Sprache, die zu Ihren Inhalten passt, hilft Ihrem Publikum, die Informationen zu lesen und zu verstehen.
  • Verwenden Sie zugängliche Schriftarten. Formatieren Sie Ihr Design, um die Lesbarkeit zu verbessern, indem Sie einfache und gerade Schriftarten wie serifenlose Schriftarten verwenden. Verwenden Sie keine Formatierung in Großbuchstaben, da diese schwer zu lesen sind.
  • 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 Grundsatzerklärung.“
  • Geben Sie den Lernenden ein klares Feedback. Die Lernenden müssen eine Bestätigung erhalten, wenn sie eine Aktion abgeschlossen haben, und Fehlermeldungen sollten eine klare Richtung vorgeben.
  • Stellen Sie textbasierte Alternativen bereit. Verwenden Sie Text, um wichtige Details zu kommunizieren. Wenn Sie Bilder oder Animationen verwenden, um einen wesentlichen Kontext bereitzustellen, bieten Sie textbasierte Alternativen für Lernende mit Sehbehinderung an. Verwenden Sie beispielsweise alternativen Text (Alt), 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 Bildschirmleseprogramme verwenden.
  • Verwenden Sie keine blinkenden Inhalte. Bei lichtempfindlicher Epilepsie kann das Blinken Anfälle auslösen. Animationen, GIFs und Videos sollten nicht öfter als dreimal pro Sekunde blinken, blinken oder flackern.

Inhalte für Bildschirmleser und Tastaturen zugänglich machen

Lernende mit Sehbehinderung verwenden häufig Screenreader, um in E-Learning-Kursen zu navigieren. Storyline 360 unterstützt JAWS-, NVDA-, VoiceOver- und TalkBack-Screenreader mit unseren unterstützten Browsern. Andere Lernende verlassen sich möglicherweise ausschließlich auf Tastaturen oder Tastaturalternativen, um durch Online-Inhalte zu navigieren.

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

Passen Sie die Fokusreihenfolge an, um aussagekräftigen

Die Fokusreihenfolge, die Sie für jede Folie in Storyline 360 definieren, steuert die Lesereihenfolge für Bildschirmleseprogramme und die Tabulatorreihenfolge für interaktive Elemente wie Schaltflächen, Hotspots und Dateneingabefelder. Passen Sie die Fokusreihenfolge für jede Folie an, damit sie am sinnvollsten ist.

Identifizieren Sie die Kurssprache

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

Die Textbeschriftungen anpassen

Bildschirmleseprogramme verwenden Textbeschriftungen, um Schaltflächen, Meldungen, Anweisungen für Screenreader und andere Player-Steuerelemente zu beschreiben Hier finden Sie alles, was Sie über die Arbeit mit Textbeschriftungen in Storyline 360 wissen müssen.

Lernenden erlauben, die Elemente der Spielernavigation zu überspringen

Lassen Sie die Lernenden die sich wiederholende Navigation während Ihres Kurses überspringen. Wenn Benutzer, die nur Tastaturen verwenden, und Benutzer von Bildschirmleseprogrammen mit der Tabulatortaste über das letzte Objekt auf einer Folie hinausgehen, haben sie die Möglichkeit, unter Umgehung aller Player-Steuerelemente zum 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 oberen Rand der Folie zurückzukehren. Sie können auch die Tabulatortaste drücken, um zur Player-Steuerung zu gelangen.

Tipp: Die Verknüpfung zum Überspringen der Navigation ist standardmäßig aktiviert, sodass die Lernenden 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 die Farben der sichtbaren Fokusanzeige

Wenn die Lernenden über eine Tastatur navigieren, hebt eine Kontur, die als Fokusanzeige bezeichnet wird, das aktuell 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. Eine zweifarbige Fokusanzeige hilft den Lernenden, das Fokusrechteck auf dunklem und hellem Hintergrund zu sehen.

Erhöhen Sie die Player-Schriftgröße

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

Bilder zugänglich machen

Alternativtext hinzufügen

Nicht-Text-Inhalte benötigen alternativen Text (Alternativtext), um Lernenden mithilfe von Hilfstechnologien wie Screenreadern ihre Bedeutung zu beschreiben. Die gute Nachricht ist, dass es einfach ist, Alternativtext in Storyline 360 hinzuzufügen.

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

Lesen Sie diese Tipps zum Schreiben eines guten Alternativtextes (Auszug aus Seite 8 unseres E-Books zur Barrierefreiheit):

  • Übermitteln Sie dieselben Inhalte und Informationen, die vom Objekt oder Bild dargestellt werden, ohne dass Text auf dem Bildschirm eingefügt werden muss.
  • Seien Sie präzise, ohne an relevanten Informationen zu sparen.
  • Fügen Sie kein „Bild von“ und „Grafik von“ hinzu und geben Sie nur die benötigten Informationen an.
  • Verwenden Sie keine Abkürzungen und übermäßige Interpunktion wie ***, die Bildschirmlesegeräte ärgerlicherweise als „Sternchen, Sternchen, Sternchen“ lesen.

Machen Sie Audio- und Videoinhalte zugänglich

Nicht automatisch abspielen

Benutzer von Screenreadern navigieren nach Zuhören. Lassen Sie daher nicht zu, dass Audio- oder Videoinhalte automatisch abgespielt werden. Lassen Sie Ihre Lernenden die Playback steuern. So passen Sie die Videoeigenschaften an.

Nutzen Sie die Vorteile zugänglicher Videosteuerungen

Aktivieren Sie die barrierefreie Storyline 360 360-Videosteuerung im modernen Player, um allen Lernenden ein integrativeres Erlebnis zu bieten.

Hinzufügen von Untertiteln

Bildunterschriften sind eine Textversion des Audios, das zum Verständnis des Inhalts benötigt wird. Importieren Sie Untertitel oder erstellen Sie Untertitel direkt in Storyline 360 mit dem integrierten Editor. Es ist einfach zu bewerkstelligen und bringt große Dividenden.

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

Liefern Sie ein Transcript

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

Text zugänglich machen

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

Manche Lernenden haben eher eine Sehbehinderung als eine totale Blindheit. Um Ihren Kurs für Lernende mit Sehbehinderung 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, damit der Text leichter lesbar ist. 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 Tool zur Kontrastprüfung herunter.

Bieten Sie eine Audioalternative 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 Lernschwierigkeiten 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 Audioversion von textbasierten Folien anzubieten. Sie können beispielsweise eine optionale Erzählung wiedergeben, wenn die Lernenden auf ein Lautsprechersymbol klicken oder eine Tastenkombination drücken.

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

Verwenden von barrierefreiem Text, Textstilen und automatischer Textanpassung

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 ist als je zuvor.

Zugängliche Textstile in Storyline 360 sorgen für mehr Designkonsistenz und helfen Bildschirmlesern. Dies liegt daran, dass Textstile die Informationshierarchie mit Bildschirmleseprogrammen teilen, sodass sie Überschriften, Hyperlinks, Zitate und Absätze identifizieren und ankündigen können.

Ein weiterer wichtiger Punkt ist die Textgröße. Wenn Ihr Exemplar zu klein ist, können die Lernenden Schwierigkeiten haben, es zu lesen. Mit Verbesserungen beim automatischen Anpassen von Text können Sie Textfelder auf eine feste Größe festlegen, ohne den Text zu verkleinern, wenn er überläuft. So wissen Sie, dass Ihre Lernenden ihn leicht lesen können.

Bedienelemente für Barriere

Ermöglichen Sie den Lernenden, ihre Erfahrung zu personalisieren, indem Sie die Bedienelemente für Barrierefreiheit im Kursplayer aktivieren. Mit diesen Steuerelementen können Lernende den Zoommodus ändern, barrierefreien Text ein- oder ausschalten und Tastaturkürzel ein- und ausschalten.

Interaktive Inhalte zugänglich machen

Das Erstellen interaktiver Inhalte hält Ihre Lernenden auf Trab. Die beiden am häufigsten verwendeten interaktiven Elemente sind Navigationsfunktionen und Quizfragen. 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 allein auf Farbe, um Bedeutung zu vermitteln

Wenn Sie Farbe verwenden, um einen wichtigen Kontext oder eine wichtige Bedeutung bereitzustellen, bieten Sie Text-, Audio- oder Bildäquivalente für Lernende mit Farbenblindheit 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 hinzu, um die gleichen Informationen für Lernende zu vermitteln, die nicht zwischen Grün und Rot unterscheiden können.

Verlassen Sie sich auch nicht nur auf Farbe, um Hyperlinks zu identifizieren. Unterstreichen Sie beispielsweise Text mit einem Link und stellen Sie Anweisungen für Bilder mit Links bereit, damit die Lernenden wissen, dass sie interaktiv sind.

Im Idealfall ist es am besten, mit jemandem zusammenzuarbeiten, der an Farbenblindheit leidet, damit Sie die bestmögliche Erfahrung erzielen können. Color Oracle ist ein kostenloser Farbenblindheits-Simulator, falls das keine Option ist. Es erleichtert das Rätselraten beim Entwerfen für Farbenblindheit, indem es Ihnen zeigt, was Menschen mit häufigen Farbsehbehinderungen in Echtzeit sehen werden.

Verlassen Sie sich nicht allein auf Hover States, um Details anzuzeigen

Während Hover-Zustände (d. h. Rollover-Effekte, für die eine Maus erforderlich ist) hervorragend für die Vermittlung von Interaktivität geeignet sind, sollten Sie sich nicht darauf verlassen, dass sie wichtige Informationen anzeigen. Erwägen Sie die Bereitstellung einer Alternative, die über die Tastatur zugänglich ist, wenn Sie Hoverstatus zum Anzeigen von Text oder Bildern verwenden. Beispielsweise ist es in Ordnung, die Farbe einer Schaltfläche zu ändern, wenn die Maus darüber bewegt wird, um anzuzeigen, dass es sich um ein anklickbares Objekt handelt. Dennoch möchten Sie Feedback-Text nicht im Hoverstatus 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 Audioversion des Feedbacks für diejenigen abspielt, die keine Maus verwenden.

Keine Zeitlimits festlegen

Timer können verhindern, dass der Lernende die von Ihnen hinzugefügten barrierefreien Alternativen verwenden kann, oder ein Fokushindernis darstellen. Vermeiden Sie Quiz-Timer und verwenden Sie nach Möglichkeit keine Trigger, um zeitgesteuerte Interaktionen zu erstellen.

Angebotstipps zu Quizfragen

Wenn eine Quizfrage mehr als eine Antwortoption akzeptiert, geben Sie Anweisungen für Screenreader-Benutzer an. Beispieltipps sind: Mehrere Antworten sind möglich, Wählen Sie alle zutreffenden Antworten aus und füllen Sie die Lücke aus.

Zugängliche Quizergebnisfolien

Storyline 360 enthält zugängliche Folienvorlagen für Quizergebnisse mit frischen Designs, die Farb-, Kontrast- und Fokusrichtlinien erfüllen, sowie die Option, benutzerdefinierte Themenfarben für korrekte und falsche Quizelemente zu definieren. Verwenden Sie die neuen Ergebnisfolienvorlagen, um schnell Quizergebnisse zu erstellen, auf die standardmäßig zugegriffen werden kann.

Alternativen für Drag-and-Drop-Interaktionen bereitstellen

Drag-and-Drop-Interaktionen erfordern eine Maus für die Navigation, sodass sie für Lernende mit eingeschränkter Mobilität schwierig oder unmöglich zu verwenden sind. Wenn Sie sie zu Ihrem Kurs hinzufügen, stellen Sie textbasierte oder tastaturgesteuerte Alternativen bereit. Sie können beispielsweise eine Interaktion verwenden, auf die Tastatur zugegriffen werden kann, z. B. eine passende Frage oder eine Slider-Interaktion. Sie können den Lernenden auch eine detaillierte Textbeschreibung der Informationen geben, die sie aus der Interaktion benötigen.

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

Barrierefreiheit für 360°-Bilder hinzufügen

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

Fügen Sie in 360°-Interaktionen Alternativtext zu Medien, Schaltflächen, Markierungen und Hotspot-Beschriftungen hinzu, sodass alle Lernenden das gleiche ansprechende Erlebnis haben. Wir haben eine integrierte barrierefreie Navigation, sodass Ihre Lernenden eine Tastatur oder ein Bildschirmlesegerät verwenden können.

Dialogebenen verwenden

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

Die Lernenden können mit einem Bildschirmleseprogramm oder einer Tastatur durch Dialogebenen navigieren. Verbessern Sie das Screenreader-Erlebnis für Dialogebenen, indem Sie Barrierefreiheitsattribute für einen alternativen Titel und eine

Holen Sie sich Hilfe, wenn Sie sie brauchen

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

Besuchen Sie auch https://webaim.org für umfassende Lösungen zur Barrierefreiheit im Internet, 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. Es besteht die Möglichkeit, dass jemand bereits ein Problem gelöst hat, auf das Sie stoßen, und wird die Weisheit haben, es zu teilen.