Technische Lösungen für barrierefreien Zugriff

Definition: Technische Lösungen für Barrierefreiheit

Technische Lösungen für barrierefreien Zugriff sind spezielle Hard- und Softwareanpassungen, die Menschen mit Behinderungen den gleichberechtigten Zugang zu digitalen Inhalten und Technologien ermöglichen.

---

Was sind Screenreader und wie funktionieren sie?

Screenreader

Screenreader sind Programme, die den Bildschirminhalt erfassen und in eine für blinde oder sehbehinderte Menschen zugängliche Form umwandeln. Sie funktionieren wie folgt:

1. Inhaltserkennung: Der Screenreader analysiert den Bildschirminhalt und erkennt verschiedene Elemente wie Text, Bilder, Links und Formulare.

2. Strukturanalyse: Er erfasst die Struktur der Seite, einschließlich Überschriften, Listen und Tabellen.

3. Textausgabe: Der erkannte Inhalt wird in gesprochene Sprache umgewandelt oder an ein Braille-Display weitergeleitet.

4. Interaktion: Nutzer können mit Tastaturkommandos durch den Inhalt navigieren und mit Elementen interagieren.

Screenreader sind essenziell für Menschen, die Bildschirminhalte nicht sehen können, und ermöglichen ihnen die Navigation durch digitale Inhalte.

---

Welche gängigen Screenreader-Programme gibt es?

Es gibt verschiedene Screenreader auf dem Markt, jeder mit eigenen Stärken und Schwächen:

Screenreader	Betriebssystem	Besonderheiten
JAWS (Job Access With Speech)	Windows	Weit verbreitet, sehr funktionsreich, kostenpflichtig
NVDA (NonVisual Desktop Access)	Windows	Open Source, kostenlos, große Community
VoiceOver	macOS, iOS	In Apple-Geräte integriert, kostenlos
TalkBack	Android	In Android-Geräte integriert, kostenlos

Als Entwickler ist es wichtig, Anwendungen mit mehreren Screenreadern zu testen, um eine breite Kompatibilität sicherzustellen.

---

Welche Anforderungen stellen Screenreader an barrierefreie Webinhalte?

Damit Screenreader effektiv arbeiten können, müssen bei der Entwicklung von Webinhalten folgende Punkte beachtet werden:

1. Semantische Struktur: Verwende HTML-Elemente entsprechend ihrer Bedeutung.
2. Alternative Texte: Bilder brauchen aussagekräftige Alt-Texte.
3. Sinnvolle Linkbeschreibungen: Statt “Klicken Sie hier” besser “Zum Kontaktformular”.
4. Korrekte Formular-Labels: Jedes Formularelement braucht ein passendes Label.
5. Tabellenstruktur: Verwende <th> für Überschriften und <caption> für Tabellenbeschreibungen.
6. Sprachänderungen kennzeichnen: Kennzeichne Sprachwechsel mit dem lang-Attribut.
7. ARIA-Attribute: Verwende ARIA für dynamische Inhalte und komplexe Widgets.

---

Was ist Vergrößerungssoftware und wie funktioniert sie?

Vergrößerungssoftware

Vergrößerungssoftware ist ein wichtiges Werkzeug für Menschen mit Sehbeeinträchtigungen. Sie bietet folgende Hauptfunktionen:

1. Bildschirmvergrößerung: Vergrößert einen Teil oder den gesamten Bildschirminhalt.
2. Farbumkehr: Invertiert Farben für besseren Kontrast.
3. Glättung: Verbessert die Lesbarkeit von vergrößertem Text.
4. Fokus-Tracking: Folgt automatisch dem Cursor oder der Texteingabe.

Es gibt verschiedene Arten von Vergrößerungssoftware:

Art	Beschreibung	Beispiele
Integrierte Lösungen	In Betriebssystemen eingebaute Vergrößerungswerkzeuge	Windows Magnifier, macOS Zoom
Standalone-Programme	Spezialisierte Software mit erweiterten Funktionen	ZoomText, Magic
Browser-Erweiterungen	Vergrößern Webinhalte direkt im Browser	NoSquint für Firefox, Zoom für Chrome

---

Wie funktioniert tastaturbasierte Navigation und Bedienung?

Tastaturbasierte Navigation ist entscheidend für Nutzer, die keine Maus verwenden können oder möchten. Wichtige Aspekte sind:

1. Fokus-Sichtbarkeit: Der aktuelle Fokus sollte immer deutlich erkennbar sein.
2. Logische Tabulatorreihenfolge: Elemente sollten in einer sinnvollen Reihenfolge ansteuerbar sein.
3. Shortcuts: Wichtige Funktionen sollten über Tastenkombinationen erreichbar sein.
4. Skip-Links: Ermöglichen das Überspringen von Menüs, um direkt zum Hauptinhalt zu gelangen.

---

Welche speziellen Eingabegeräte gibt es?

Spezielle Eingabegeräte sind für Menschen mit unterschiedlichen Bedürfnissen von großer Bedeutung. Hier eine Übersicht:

Eingabegerät	Funktionsweise	Zielgruppe
Augensteuerung	Erfasst Augenbewegungen zur Cursorsteuerung	Menschen mit eingeschränkter Bewegungsfähigkeit
Mundmaus	Wird mit dem Mund gesteuert, oft über Saugbewegungen	Menschen mit eingeschränkter Handfunktion
Einhandtastatur	Kompakte Tastatur für einhändige Bedienung	Menschen mit nur einer funktionsfähigen Hand
Trackball	Stationäre Maus mit rollbarer Kugel	Menschen mit eingeschränkter Feinmotorik

Als Entwickler ist es wichtig, diese alternativen Eingabemethoden zu berücksichtigen. Stelle sicher, dass alle Funktionen deiner Anwendung auch ohne präzise Mausbewegungen nutzbar sind.

---

Wie erstellt und implementiert man Untertitel?

Untertitel

Die Erstellung und Implementierung von Untertiteln ist ein wichtiger Schritt zur Barrierefreiheit von Videoinhalten. Hier die Schritte zur Erstellung:

1. Transkription: Schreibe den gesprochenen Text wortwörtlich auf.
2. Timing: Teile den Text in Segmente und ordne sie den entsprechenden Zeitcodes im Video zu.
3. Formatierung: Passe den Text an die Untertitelstandards an (z.B. Zeilenlänge, Lesegeschwindigkeit).
4. Überprüfung: Kontrolliere Rechtschreibung, Grammatik und Synchronisation mit dem Video.

Für Webvideos werden Untertitel oft als separate Textdatei im WebVTT-Format (.vtt) bereitgestellt. Hier ein Beispiel, wie du Untertitel in HTML5 einbindest:

<video controls>
	<source src="meinvideo.mp4" type="video/mp4">
			<track kind="captions" src="untertitel.vtt" srclang="de" label="Deutsch">
</video>

Das WebVTT-Format ermöglicht nicht nur die zeitgenaue Anzeige von Untertiteln, sondern auch deren Styling und die Einbindung mehrerer Sprachen.

---

Welche technischen Anforderungen gibt es an Untertitel?

Um wirklich barrierefrei zu sein, müssen Untertitel bestimmte technische Anforderungen erfüllen:

Anforderung	Beschreibung	Beispiel/Richtwert
Zeichenzahl	Maximale Zeichen pro Zeile	35-40 Zeichen
Standzeit	Minimale Anzeigedauer	1 Sekunde pro 14-16 Zeichen
Synchronität	Zeitliche Übereinstimmung mit Ton	Max. 0,2 Sekunden Versatz
Kontrast	Lesbarkeit auf verschiedenen Hintergründen	Weißer Text mit schwarzem Rand
Positionierung	Platzierung im Bild	Unten zentriert, nicht über wichtigen Bildinhalten

Diese technischen Anforderungen sorgen dafür, dass Untertitel gut lesbar und verständlich sind, ohne den Bildinhalt zu sehr zu verdecken.

---

Was ist Audiodeskription und wie funktioniert sie?

Audiodeskription

Audiodeskription ist wie ein unsichtbarer Erzähler, der blinden und sehbehinderten Menschen visuelle Inhalte beschreibt. Die Kernelemente der Audiodeskription sind:

1. Prägnanz: Beschreibe nur das Wesentliche, was nicht aus dem Ton ersichtlich ist.
2. Timing: Füge Beschreibungen in Sprechpausen ein, ohne wichtige Dialoge oder Geräusche zu überlagern.
3. Objektivität: Vermeide Interpretationen, beschreibe was zu sehen ist.
4. Relevanz: Konzentriere dich auf Elemente, die für das Verständnis der Handlung wichtig sind.

Ein Beispiel für Audiodeskription könnte so klingen: “Sarah runzelt die Stirn und greift nach ihrem Smartphone. Auf dem Display leuchtet eine Nachricht auf.”

Für Videos wird die Audiodeskription oft als separate Audiospur bereitgestellt. In HTML5 kannst du dies so umsetzen:

<video controls>
    <source src="meinvideo.mp4" type="video/mp4">
        <track kind="descriptions" src="audiodeskription.vtt" srclang="de" label="Audiodeskription">
</video>

Audiodeskription ermöglicht es blinden und sehbehinderten Menschen, Filme, Fernsehsendungen und sogar Kunstausstellungen vollständig zu erleben und zu genießen.

---

Abschlussquiz

Was sind Screenreader hauptsächlich für?

Blank

• Zur Vergrößerung von Bildschirminhalten
• Zur Umwandlung von Bildschirminhalten in gesprochene Sprache oder Braille
• Zur Farbumkehr des Bildschirms

Antwort

Zur Umwandlung von Bildschirminhalten in gesprochene Sprache oder Braille

Erklärung: Screenreader wandeln Bildschirminhalte in gesprochene Sprache oder Braille um, um blinden oder sehbehinderten Menschen den Zugang zu digitalen Inhalten zu ermöglichen.

Welches der folgenden ist kein gängiger Screenreader?

Blank

• JAWS
• NVDA
• ZoomText

Antwort

ZoomText

Erklärung: ZoomText ist eine Vergrößerungssoftware, keine Screenreader-Software. JAWS und NVDA sind bekannte Screenreader-Programme.

Was ist eine wichtige Anforderung an barrierefreie Webinhalte für Screenreader?

Blank

• Verwendung von komplizierten Schriftarten
• Semantische Struktur des HTML-Codes
• Ausschließliche Verwendung von Bildern statt Text

Antwort

Semantische Struktur des HTML-Codes

Erklärung: Eine semantische Struktur des HTML-Codes ist entscheidend, damit Screenreader die Inhalte korrekt interpretieren und wiedergeben können.

Was ist die Hauptfunktion von Vergrößerungssoftware?

Blank

• Text-zu-Sprache-Umwandlung
• Vergrößerung von Bildschirminhalten
• Tastaturbasierte Navigation

Antwort

Vergrößerung von Bildschirminhalten

Erklärung: Die Hauptfunktion von Vergrößerungssoftware ist die Vergrößerung von Bildschirminhalten, um Menschen mit Sehbeeinträchtigungen das Lesen zu erleichtern.

Welches spezielle Eingabegerät wird mit dem Mund gesteuert?

Blank

• Trackball
• Einhandtastatur
• Mundmaus

Antwort

Mundmaus

Erklärung: Eine Mundmaus wird mit dem Mund gesteuert und ist für Menschen mit eingeschränkter Handfunktion konzipiert.

Was ist der Zweck von Audiodeskription?

Blank

• Visuelle Inhalte für Blinde und Sehbehinderte zu beschreiben
• Hintergrundmusik zu Filmen hinzuzufügen
• Dialoge in andere Sprachen zu übersetzen

Antwort

Visuelle Inhalte für Blinde und Sehbehinderte zu beschreiben

Erklärung: Audiodeskription dient dazu, visuelle Inhalte für blinde und sehbehinderte Menschen zu beschreiben, indem wichtige visuelle Elemente verbal erklärt werden.