Veröffentlichungen Leitfäden Intranet Bereitstellung äquivalenter Alternativen für Audio- und visuelle Inhalte Leitfaden zur Gestaltung eines barrierefreien Intranets für Programmierer
Für jeden Audio- oder visuellen Inhalt sind geeignete äquivalente Inhalte bereitzustellen, die den gleichen Zweck oder die gleiche Funktion wie der originäre Inhalt erfüllen.
Autoren sollten Bilder und grafische Elemente, die der Vermittlung von Informationen dienen, mit Alternativtexten zu versehen. Diese Alternativtexte ermöglichen es blinden und sehbehinderten Menschen, die mit der Grafik transportierte Information wahrzunehmen.
Alternativtexte werden über das alt-Attribut des img-Elementes angegeben. Bieten Sie daher den Autoren im verwendeten Editor eine (komfortable) Möglichkeit, dieses Attribut mit Inhalt zu füllen ohne den HTML-Quelltext direkt bearbeiten zu müssen. Beschränken Sie das dazu erforderliche Eingabefeld auf maximal 80 Zeichen, da diese Zahl im Allgemeinen als Obergrenze für Alternativtexte empfohlen wird.
Stellen Sie den Autoren ergänzend dazu eine Möglichkeit bereit, das longdesc-Attribut des img-Elementes zu nutzen, ohne über HTML-Kenntnisse verfügen zu müssen. Das longdesc-Attribut wird verwendet, falls eine ausreichend detaillierte Beschreibung des in der Grafik dargestellten Inhalts weder in den maximal 80 Zeichen des alt-Attributs noch in dem die Grafik umgebenden Fließtext möglich ist.
Stellen Sie durch eine entsprechende Logik im genutzten Editor sicher, dass die eingefügte Grafik um einen Hyperlink zum longdesc-Text ergänzt wird. Diesen Hyperlink können Sie per CSS "unsichtbar" gestalten (etwa durch eine absolute Positionierung außerhalb des dargestellten Anzeigebereichs). Das ist sinnvoll, da nicht alle Screenreader auf das Vorhandensein eines longdesc-Textes oder eines Links dazu hinweisen. Ein der Grafik folgender Hyperlink wird dagegen immer vorgelesen.
Ergänzende Informationen zu einer (komplexen) Grafik sind nicht nur für sehbehinderte Anwender nützlich. Auch Anwendern, denen sich der Inhalt des Dargestellten nicht direkt erschließt, kann eine ergänzende Beschreibung helfen. Dazu sind beispielsweise Menschen mit Lernschwierigkeiten zu zählen.
Abbildung 1 zeigt eine mögliche Lösung zur (automatischen) Integration des longdesc-Textes. In diesem Beispiel wurde als semantische Ergänzung eine Definitionsliste (dl) verwendet.
Details zur technischen Realisierung dieser auf CSS und XHTML basierenden Lösung sind bei Pro-Barrierefreiheit nachzulesen.
Abbildung 1: Screenshot einer Integration des longdesc-Links durch XHTML und CSS
Bei Bildern wird zwischen Informationsgrafiken (Schriftgrafiken, Symbole, Logos, Abbildungen, Illustrationen) und Layoutgrafiken unterschieden. Beide Typen werden nicht nur in von Redakteuren verfassten Artikeln, sondern auch in den von den Programmierern entwickelten Templates/Themes verwendet.
Enthält eine Grafik geschriebenen Text, ein Symbol oder ein Logo, so muss der Alternativtext die in der Grafik optisch erkennbare Information enthalten. Das bedeutet, dass ein abgebildeter Text oder die Funktion des Symbols wiedergegeben werden muss. Generell sollten Schriftgrafiken vermieden werden, da sie nicht oder nur eingeschränkt den individuellen Bedürfnissen des Betrachters angepasst werden können.
Alternativtexte für Grafiken, die der Illustration eines Sachverhalts dienen, wie der Darstellung eines Aktienkurses oder der Bedienung eines technischen Gerätes, müssen die wesentlichen Informationen, die die Grafik vermittelt, enthalten. Oftmals ist es zum Finden einer aussagekräftigen Beschreibung hilfreich, sich vorzustellen, die Beschreibung der Grafik telefonisch vornehmen zu müssen.
In vielen Intranets werden zur Visualisierung der Zuständigkeiten innerhalb des Unternehmens Organigramme verwendet und als einzelne Grafik im Intranet für die Mitarbeiter veröffentlicht. Solche und ähnliche Diagramme vermitteln umfangreiche Information in kompakter, visueller Form.
Der Alternativtext zu einem Diagramm sollte die zentrale Aussage des Diagramms wiedergeben. Eine detaillierte Beschreibung sollte im Fließtext oder über das longdesc-Attribut erfolgen. Als Alternative zu einer grafischen Version (plus Alternativtext) sind verschachtelte Listen eine gute Möglichkeit Organigramme – auch semantisch korrekt – abzubilden.
Grafiken, die als Bedienelement (beispielsweise zum Abschicken eines Formulars) oder als Link (etwa zu einer vergrößerten Ansicht der jeweiligen Grafik) verwendet werden, sollten im Alternativtext die Aktion des Bedienelements (zum Beispiel "Formular absenden") oder das Linkziel ("zu einer vergrößerten Ansicht der Grafik XY") enthalten.
Layoutgrafiken enthalten keine Information und dienen ausschließlich gestalterischen Zwecken. Sie benötigen daher in der Regel keinen Alternativtext. Vermeiden Sie, das alt-Attribut vollständig aus dem img-Element zu entfernen, da Screenreader ein fehlendes alt-Attribut (je nach Einstellung durch den Anwender) anders handhaben als ein leeres. Lassen Sie daher bei Layout-Grafiken den Alternativtext leer.
Als Ergänzung zum Alternativtext einer Grafik und als Alternative zur longdesc-Beschreibung können Sie Bildunterschriften im Stil des Beispiels in Abbildung 1 verwenden. Dies stellt oftmals auch für sehende Nutzer einen Mehrwert dar, beispielsweise wenn es um die Vorstellung von in der Grafik abgebildeten Personen geht.
Moderne Intranet-Lösungen weisen eine Vielzahl von multimedialen Inhalten auf. Der Einsatz ist durch eine einfache und günstige Produktion und in der Steigerung der Attraktivität des Intranets bei den Mitarbeitern motiviert.
Diese "Webcasts" (Audio- und Video gleichermaßen) erfüllen verschiedene Funktionen: Sie dienen in der beruflichen Weiterbildung als Lehrmedien und ermöglichen Unternehmern eine individuelle Außendarstellung.
Im Kontext der Barrierefreiheit sind multimediale Inhalte oftmals problematisch und es müssen daher in der Produktion und beim Einsatz von Audio oder Video besondere Vorgehensweisen beachtet werden.
Stellen Sie daher für Multimedia-Produktionen eine Infrastruktur bereit, die es den Produzenten/Autoren ermöglicht, ihre multimedialen Inhalte zugänglich zu gestalten. Dazu gehören bei Videos eine Audiodeskription und eine Untertitelung. Optional kann eine vollständige Transkription erfolgen. Bei Audiomaterial ist eine Transkription immer erforderlich. Weisen Sie die Autoren an den entsprechenden Stellen im Editor auf die Notwendigkeit und Möglichkeit der barrierefreien Gestaltung ihrer Medien hin.
Verwenden Sie für die in Intranetseiten eingebetteten Medien barrierefrei bedienbare Abspielprogramme wie den "
JW FLV Player" oder " ccforFlash". Stellen Sie (ergänzend zur eingebetteten Version) eine Download-Möglichkeit bereit, um den multimedialen Inhalt lokal auf dem Rechner zu speichern. Dort können die Anwender den Inhalt abspielen und dazu eine zu ihren Hilfsmitteln kompatible Software verwenden. Auch herunterladbare und lokal abspielbare Medien sollten barrierefrei gestaltet sein, beispielsweise sollten Videos über eine Untertitelung und Audiodeskription verfügen.
Sofern Ihre Intranet-Software es unterstützt, sollten Sie die Generierung beider Möglichkeiten für die Autoren automatisiert anbieten: Die Wiedergabe in einem eingebetteten, barrierefreien Wiedergabeprogramm und eine Download-Möglichkeit. Sollte das nicht möglich sein, weisen Sie die Redakteure – etwa in Form eines Hilfe-Textes – auf die Notwendigkeit einer herunterladbaren Version hin, damit sie dieses Angebot manuell erstellen.
Seite 2 von 17 Alle Seiten