Audio- und Videomaterial barrierefrei einbinden
Folgende Anfrage erreichte mich heute in einer E-Mail-Liste:
Ich würde gerne auf meiner Internetseite Audio- und Videomaterial so einbinden, dass es für den Besucher komfortabel abgespielt werden kann und auch für blinde und sehbehinderte Anwender zugänglich ist.
Meine Antwort, die eventuell für den einen oder anderen interessant sein könnte:
1. Um Pseudo-Streaming für Videos zu realisieren (damit sich "der Anwender die Datei nicht erst herunterladen muss") kommst du um Flash nicht herum. Das heißt in erster Linie: Der Anwender muss Flash installiert haben, und mit seinem UA bedienen können.
1.1. Im Fall von Video musst du deine Filme also vorab in ein Flash-Format konvertieren. Zumeist *.flv. Hierfür gibt es unendlich viele Tools. Frage: Muss auch dieses Tool barrierefrei, mit einem Screen Reader bedienbar sein?
1.2. Auch entsprechende Player gibt es zahllos. Kostenlos und kostenpflichtig. Und mehr oder weniger zugänglich. Der JW-Player von www.longtailvideo.com bietet m. E. die besten Voraussetzungen hinsichtlich Barrierefreiheit.
1.3. Je nach den Ansprüchen, die du an die Barrierefreiheit stellst, musst du unter Umständen nachhelfen: Audiodescription, closed captions als Stichwörter. Du kannst aber noch weiter gehen, und den Player mittels JavaScript-API "von außen" steuern.
Im Klartext:
Der Besucher muss nicht direkt das Flash bedienen (können), sondern kann ganz "normale" Buttons zur Steuerung des Films verwenden.
Beispiele:
http://webdesign.weisshart.de/video_player_bf_3.php
http://www.zimmer-chiemsee.de/de/hausvideo.php
Du kannst noch einen Schritt weiter gehen, und eine Videobeschreibung "in Prosa" für blinde Seitenbesucher hinzufügen.
http://www.tbl-telefon.de/minas_homepage/fuehrhundfilm.php
2. Auch im Falle von Audios bleibt letzlich nur Flash, wenn es "streamen" soll. Hier gibt es aber trickreiche Möglichkeiten, mp3 Dateien "on the fly" in Flash umzuwandeln.
2.1. Sehr verbreitet ist der EMFF http://emff.sourceforge.net/
Du lädst nur deine mp3 auf den Server, und der EMFF erledigt den Rest.
Dennoch solltest du an ein Fallback denken, d. h. die Datei alternativ zum Download anbieten.
Ich verwende den EMFF gerne in meinem Blog:
2.2. Ganz pfiffig: der Yahoo! Media Player. Lediglich eine Zeile Javascript in deine Seite eingefügt, und der Yahoo! Media Player verwandelt "normale" Links zu deinen mp3 Dateien in einen Streaming Player. Hier ist das Fallback praktisch schon eingebaut. Sollte der Player mit der verwendeten AT nicht anzusteuern sein, dann gibt es immer noch den "normalen" Link zum mp3, der je nach Konfiguration des Besuchers zum Download führt, oder den Standard-Player des Besuchers aufruft.
http://webdesign.weisshart.de/ymp.php
3. Nur der Vollständigkeit halber: Mit HTML5 gibt es die Möglichkeit, per <video> bzw. <audio> Tag Filme und Sound so einfach einzubinden wie Bilder. Zumindest in der Theorie.
