Barrierefreie Inhalte erstellen

Barrierefreie Inhalte stellen sicher, dass alle Nutzer digitale Medien vollständig nutzen und davon profitieren können. Als Plattform zum Erstellen interaktiver Bilder, Videos und 360°-Medien bietet ThingLink verschiedene Tools zur Verbesserung der Barrierefreiheit. Dieser Artikel stellt wichtige Funktionen und Best Practices vor, mit denen du in ThingLink Inhalte erstellst, die für alle zugänglich sind.

Alt-Text ist eine Textalternative für Bilder und andere Medieninhalte. Er wird normalerweise nicht angezeigt, kann aber von Screenreadern genutzt werden und erscheint im barrierefreien Player.

Hintergrundmedien

Der Alt-Text für Hintergrundbilder, -videos und 3D-Modelle wird automatisch aus dem Titel der Szene erzeugt. Um ihn anzupassen, öffne dein Projekt, klicke oben rechts auf die Schaltfläche mit den drei Punkten ('Weitere Aktionen') und wähle 'Umbenennen':

Aktiviere dann das Kästchen 'Alternativtext hinzufügen' und gib den gewünschten Alt-Text ein:

Medien in Tags

Um einem Bild oder 3D-Modell in einem 'Text & Medien'-Tag einen Alt-Text hinzuzufügen, öffne das Tag im Editor und bewege den Mauszeiger über das Vorschaubild des Bildes/Modells. Klicke oben links im Vorschaubild auf die Schaltfläche mit den drei Punkten ('...'):

Es öffnet sich ein neues Pop-up-Fenster. Gib den Alt-Text im Feld 'Alt-Text' ein und klicke auf Fertig. Du kannst den Alt-Text jederzeit später aktualisieren.

Es gibt keine Zeichenbegrenzung, wir empfehlen aber kurze, prägnante Beschreibungen.

Szenario-Editor: Bilder in Textblöcken

Den Alt-Text von Bildern, die in einen Textblock eines Szenarios hochgeladen wurden, kannst du ändern, indem du den Textblock bearbeitest, in den Markdown-Modus wechselst und den blauen Text in den eckigen Klammern für jedes Bild aktualisierst:

Standardmäßig ist der Alt-Text auf den Dateinamen des Bildes gesetzt.

Untertitel

Du kannst sowohl Hintergrundvideos als auch Videos in 'Text und Medien'-Tags mit Untertiteln versehen. Untertitel sind standardmäßig ausgeschaltet, Betrachter können sie aber durch Klicken oder Tippen auf die Schaltfläche 'Untertitel' einschalten. Sieh dir das Beispiel unten an:

 Untertitel zu einem Hintergrundvideo hinzufügen:

1. Bearbeite dein ThingLink-Video
2. Klicke auf 'Einstellungen'
3. Scrolle nach unten und klicke auf 'Untertitel hochladen'
4. Wähle eine unterstützte Untertiteldatei von deiner Festplatte aus. ThingLink unterstützt für Untertitel derzeit die Formate SubRip (.srt) und WebVTT (.vtt).

Untertitel zu einem Video in einem 'Text und Medien'-Tag hinzufügen:

1. Öffne das 'Text und Medien'-Tag im Editor
2. Bewege den Mauszeiger über die Videodatei und klicke auf die drei Punkte
3. Klicke auf 'Untertitel hochladen'
4. Wähle eine unterstützte Untertiteldatei (SRT, VTT) von deiner Festplatte aus. 

Wenn die Untertitel erfolgreich hochgeladen wurden, siehst du unten rechts im Hintergrundvideo neben dem Vollbildsymbol die Schaltfläche 'CC' (Closed Captions). Bei Videos in 'Text und Medien'-Tags klickst du auf die drei Punkte im Videoplayer, dann erscheint dort die Schaltfläche 'CC'. Klicke auf 'CC' und starte das Video. 

Wenn beim Hochladen einer Untertiteldatei ein Fehler auftritt oder die Datei hochgeladen wird, die Untertitel aber nicht erscheinen, teile bitte den Link zu deinem Projekt und die Untertiteldatei mit unserem Support-Team. Das geht hier.

Wenn du bereits hochgeladene Untertitel aktualisieren oder ersetzen möchtest, verwende einfach die Schaltfläche 'Untertitel entfernen' in den Editor-Einstellungen und lade eine neue Datei hoch.

Untertitel: Einschränkungen & Hinweise

• Die Untertiteldatei muss in UTF-8 kodiert sein (in der Regel die Standardkodierung für Textdateien).
• ThingLink ignoriert Stil- oder Positionsangaben in den Untertiteldateien.
• Die Datei darf nicht mehr als 65.000 Zeichen enthalten. 
• Untertitel können nur für 2D-Videos hochgeladen werden. Für 360-Grad-Videos ist das noch nicht möglich. 
• Mobilgeräte & responsive Darstellung: Untertitel nehmen einen großen Teil des Bildschirms ein und können daher auf Mobilgeräten Hotspots oder wichtige Teile des Videos verdecken. Weise deine Betrachter darauf hin, Videos im Vollbildmodus anzusehen, wenn sie Untertitel nutzen möchten.

Tag-Reihenfolge

Du kannst die Tag-Reihenfolge anpassen, um zu ändern, in welcher Reihenfolge Tags mit der Tastatur ausgewählt werden und im barrierefreien Player erscheinen.

Gehe im Editor zu Einstellungen und klicke auf Tag-Reihenfolge, um die Reihenfolge anzuzeigen und zu ändern. Du siehst eine Liste aller Tags mit Symbolen und Titeln. Ändere die Reihenfolge im barrierefreien Player per Drag-and-drop.

Tipps für barrierefreie Inhalte

• Kontrastreiche Tag-Symbole verwenden: Sorge mit kontrastreichen Farben dafür, dass sich Tag-Symbole deutlich vom Hintergrundbild oder -video abheben.
• Informationen größer darstellen: Aktiviere in den Einstellungen 'Großes Pop-up-Fenster', damit 'Text und Medien'-Tags größer angezeigt werden 
• Beschreibenden Text hinzufügen: Füge Bildern, Videos und Tags ausführliche Beschreibungen hinzu, damit die Inhalte für Screenreader-Nutzer verständlich sind.
• Alt-Text für Bilder verwenden: Füge Bildern alternative Textbeschreibungen hinzu, um Nutzern, die sie nicht sehen können, Kontext zu geben.
• Untertitel und Transkripte hinzufügen: Stelle Untertitel für Videos und Transkripte für Audioinhalte bereit, um Nutzer mit Hörbeeinträchtigungen zu unterstützen.
• Informationsflut vermeiden: Teile Informationen in überschaubare Abschnitte auf und zeige nicht zu viele Inhalte auf einmal. Nutze Tags, um weitere Details schrittweise einzublenden, damit Nutzer die Informationen in ihrem eigenen Tempo aufnehmen können. 
• Einfache Sprache verwenden: Verfasse Inhalte in klarer, einfacher Sprache, damit sie für ein breiteres Publikum zugänglich sind, auch für Menschen mit kognitiven Beeinträchtigungen.
• Tags logisch platzieren: Platziere Tags in einer logischen Reihenfolge, die dem natürlichen Informationsfluss folgt, damit Nutzer die Inhalte leichter verstehen.
• Ähnliche Tag-Symbole für ähnliche Inhalte verwenden: Achte auf Einheitlichkeit, indem du für ähnliche Inhaltstypen dieselben Tag-Symbole verwendest. So können Nutzer die Tags leichter verstehen und navigieren.
• Sicherstellen, dass das Symbol den Inhalt des Tags treffend darstellt: Wähle aus zahlreichen Symbolen oder erstelle und lade ein eigenes hoch, das am besten zum Inhalt des Tags passt.
• Pause/Wiedergabe-Steuerung einbinden: Aktiviere 'Videoschleife deaktivieren', damit Betrachter automatisch abgespielte Inhalte in Tags leicht pausieren können.
• Für verschiedene Geräte optimieren: Sieh dir an, wie deine Inhalte auf verschiedenen Geräten wie Computern, Tablets und Smartphones aussehen, indem du auf die Schaltfläche 'Vorschau auf Geräten' klickst. 
• Mehrere Zugangswege zu Inhalten anbieten: Du kannst dieselben Informationen visuell, akustisch und als Text anbieten, um unterschiedlichen Anforderungen an Barrierefreiheit gerecht zu werden.
• Betrachter über den Immersive Reader informieren: Zusätzliche Hinweise auf die verfügbaren Barrierefreiheitsoptionen können dein Publikum ermutigen, diese Funktionen zu entdecken und zu nutzen.

Tools für deine Betrachter

Immersive Reader von Microsoft

Der Immersive Reader von Microsoft ist ein integriertes Lesetool, das alle Textinhalte eines Tags vorlesen kann. Außerdem kann er das Tag in über 50 Sprachen übersetzen.

Der Immersive Reader erscheint automatisch bei allen unterstützten Tags.

Mehr dazu hier.

Tastatursteuerung

ThingLink-Inhalte lassen sich per Tastatur navigieren. Weitere Informationen findest du auf dieser Seite.