Storyline 3: 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 3-Kursen zu interagieren.

Gestalten Sie Ihren Kurs unter Berücksichtigung der Barriere

Sie möchten, dass alle Lernenden, einschließlich Personen mit Seh-, Motor-, Hör-, Sprach- oder kognitiven Behinderungen, Ihren Kurs verstehen, navigieren und mit ihm interagieren. Machen Sie die Lernenden sofort mit dem Layout und dem 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 konzentrieren 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 wie gewünscht aussehen, und verwenden Sie sie dann während Ihres gesamten Kurses wieder.
  • Beseitigt Ablenkungen. Vielbeschä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.
  • Verwenden Sie 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 das Lesen schwierig ist.
  • 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 ausführen, und Fehlermeldungen sollten klare Anweisungen geben.
  • Stellen Sie textbasierte Alternativen bereit. Verwenden Sie Text, um wichtige Details mitzuteilen. Wenn Sie Bilder oder Animationen verwenden, um den wesentlichen Kontext bereitzustellen, bieten Sie textbasierte Alternativen für Lernende mit Sehbehinderung an. Verwenden Sie zum Beispiel alternativen Text (Alt), um Bilder zu beschreiben. Oder fügen Sie einen optionalen Link zu einer animierten Folie hinzu, mit der eine statische, textbasierte Ebene mit denselben Informationen für Lernende geöffnet wird, die Bildschirmlesegeräte 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 3 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 in Online-Inhalten zu navigieren.

Sehbehinderungen decken ein breites Spektrum ab, darunter Sehbehinderung, Farbenblindheit und totale 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 3 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 so an, dass sie möglichst sinnvoll ist.

Identifizieren Sie die Kurssprache

Storyline 3 fügt Ihrer veröffentlichten Datei story.html einen Sprachcode für Screenreader 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.

Die Textbeschriftungen anpassen

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

Lernenden erlauben, Elemente der Spielernavigation zu überspringen

Lassen Sie die Lernenden die wiederholte Navigation in Ihrem Kurs überspringen. Wenn Benutzer, die nur eine Tastatur verwenden, und Benutzer von Bildschirmlesegeräten mit der Tabulatortaste am letzten Objekt auf einer Folie vorbeifahren, haben sie die Möglichkeit, unter Umgehung aller Player-Steuerelemente zum oberen Rand 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. Oder sie können die Tabulatortaste drücken, um zu den Player-Steuerelementen zu gelangen.

Tipp: Die Verknüpfung „Navigation überspringen“ 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 ein Umriss — ein sogenannter Fokusindikator — 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 3 können Sie die Farbe des Fokusindikators ändern, um Ihr Kursdesign zu ergänzen.

Bilder zugänglich machen

Alternativtext hinzufügen

Nicht-Textinhalte benötigen alternativen Text (Alternativtext), um Lernenden, die unterstützende Technologien wie Screenreader verwenden, ihre Bedeutung zu beschreiben. Die gute Nachricht ist, dass es einfach ist, Alternativtext in Storyline 3 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 Benutzer von Screenreadern durch unnötige Ankündigungen ermüdet.

Lesen Sie diese Tipps zum Schreiben von gutem Alternativtext (Auszug aus Seite 8 unseres E-Books zur Barrierefreiheit):

  • Vermitteln 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 auf relevante Informationen zu verzichten.
  • Fügen Sie kein „Bild von“ und „Grafik von“ hinzu und geben Sie nur die erforderlichen Informationen an.
  • Verwenden Sie keine Abkürzungen und übertriebenen Interpunktionen wie ***, die Bildschirmleser ärgerlich als „Sternchen, Sternchen, Sternchen“ lesen.

Erhöhen Sie die Player-Schriftgröße

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

Machen Sie Audio- und Videoinhalte zugänglich

Nicht automatisch abspielen

Benutzer von Screenreadern navigieren durch 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.

Geschlossene Untertitel hinzufügen

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 3 mit dem integrierten Editor. Es ist einfach zu machen und bringt große Dividenden.

Außerdem ist die Untertitelung 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 Lernende in einer lauten Umgebung werden auch Bildunterschriften zu schätzen wissen.

Geben Sie ein Transcript ein

Transkripte sind Audio, das in geschriebenen Text umgewandelt wurde Sie unterscheiden sich von Untertiteln, bei denen es sich um zeitcodierte Frames handelt. Erwägen Sie, für jede Folie ein Transkript über das Player-Notizenfeld 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 Lernende haben eher Sehschwäche als totale Blindheit. Um Ihren Kurs für Sehbehinderte zugänglich zu machen, verwenden Sie Bildschirmtext mit einem Kontrastverhältnis von 4, 5:1 oder höher zur 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 dem Bild und dem 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

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 Sprachausgabe wiedergeben, wenn die Lernenden auf ein Lautsprechersymbol klicken oder eine Tastenkombination drücken.

Zugängliche Text- und Textstile verwenden

Der zugängliche Text in Storyline 3 ermöglicht es den Lernenden, die Größe und den Stil von Text mithilfe benutzerdefinierter Stylesheets oder Browsererweiterungen zu personalisieren, sodass er besser lesbar und zugänglich ist als je zuvor.

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

Ein weiterer wichtiger Punkt ist die Textgröße. Wenn Ihre Kopie zu klein ist, können die Lernenden schließlich Schwierigkeiten haben, sie zu lesen.

Bedienelemente für Barriere

Ermöglichen Sie den Lernenden, ihr Erlebnis zu personalisieren, indem Sie die Bedienelemente für die Barrierefreiheit im Kursplayer aktivieren. Diese Steuerelemente ermöglichen es den Lernenden, den Zoommodus zu ändern, zugänglichen Text ein- oder auszuschalten und Tastenkombinationen umzuschalten.

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 3 ü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 wichtigen Kontext oder 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 für eine falsche Antwort, fügen Sie Audio oder Bildschirmtext hinzu, um Teilnehmern, die nicht zwischen Grün und Rot unterscheiden können, dieselben Informationen zu vermitteln.

Verlassen Sie sich auch nicht allein auf Farbe, 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.

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 Farbsehstörungen in Echtzeit sehen werden.

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

Während sich Hover-Zustände (d. h. Rollover-Effekte, die eine Maus erfordern) hervorragend für die Vermittlung von Interaktivität eignen, sollten Sie sich nicht darauf verlassen, dass sie wichtige Informationen anzeigen. Erwägen Sie, eine über die Tastatur zugängliche Alternative bereitzustellen, wenn Sie Hoverstatus zum Anzeigen von Text oder Bildern verwenden. Beispielsweise 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 Audioversion des Feedbacks für diejenigen abspielt, die keine Maus verwenden.

Legen Sie keine Zeitlimits fest

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

Bieten Sie Tipps zu Quizfragen an

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

Bieten Sie Alternativen für Drag-and-Drop-Interaktionen

Drag-and-Drop-Interaktionen erfordern eine Maus für die Navigation, wodurch sie für Lernende mit eingeschränkter Mobilität schwierig oder unmöglich zu bedienen sind. Wenn Sie sie zu Ihrem Kurs hinzufügen, bieten Sie textbasierte oder tastaturgesteuerte Alternativen an. Sie können beispielsweise eine über die Tastatur zugängliche Interaktion verwenden, 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 wissen müssen.

Holen Sie sich Hilfe, wenn Sie sie brauchen

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

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