3 Tipps für barrierefreie Inhalte auf Websites
Lesedauer ca. 3 Minuten
Quicklinks
#1 Bilder auf der Website: Alternativtexte für sehbeeinträchtigte Menschen
Was ein Alternativtext ist
Kurze Beschreibung des Bildes, die vom Screenreader ausgelesen wird. Das rein optische Bild erhält mit dem Alternativtext eine auditive Dimension und wird damit auch sehbeeinträchtigten oder blinden Menschen zugänglich.
Wie erstelle ich einen Alternativtext?
Überlegen Sie, was Sie auf dem Bild sehen. Versuchen Sie das Bild kurz zu beschreiben.
- Beispiel: Wenn Sie eine Sommeransicht der Mostviertler Landschaft mit Birnbäumen sehen, könnten Sie schreiben: »Landschaft mit Obstbäumen im Mostviertel bei Sonnenschein.«
- Beispiel: Bei einem Referenzfoto eines geschmiedeten Metallzaunes im Garten, den sie in Handarbeit hergestellt haben, könnten Sie beispielsweise diesen Text wählen: »Ansicht eines Gartenzauns in Schmiedeeisen, handgefertigt.
Ideale Länge des Alternativtextes
Kurz und knackig und damit max. 1-2 Sätze
Benötigen alle Fotos Alternativtexte?
Grundsätzlich, ja. Wenn Sie jedoch viele Layoutgrafiken (z.B. Stockfotos) als Image-Bereiche auf Ihrer Website einbinden, brauchen diese nicht alle zwingend einen Alternativtext. Alternativtexte sollten Sie bei Teambildern, Info-Grafiken oder ähnlichen Bildern hinterlegen.
Was ist der Unterschied zum Bilduntertitel?
Eines vorweg: Alternativtexte sind nicht gleich Bilduntertitel. Bilduntertitel sind zusätzliche Informationen zum Bild, beispielsweise Personennamen. Alternativtexte beschreiben das Bild-Sujet selbst. Halten Sie sich das bitte immer vor Augen.
- Beispiel: Auf einem Bild vom Roten Kreuz sehen Sie 3 Team-Mitglieder vor einem Auto stehen.
Alternativtext: »3 Menschen stehen vor einem Rettungsauto.«
Bilduntertitel: »V.l.n.r.: Mag. Max Mustermann, Karl Huber, Klaus Müller«
#2 Bilder auf der Website: Sorgfältige Auswahl und Texte auf Bilder vermeiden
Screenreader leisten wertvolle Arbeit und machen Texte in vielen Fällen wahrnehmbar. Doch auch sie haben Grenzen. Was sie nämlich nicht können: Das Bildsujet selbst oder Texte auf einem Bild verstehen.Wer schlecht sieht, kann sich auf Websites üblicherweise mit 2 Methoden helfen, um Website-Texte besser wahrnehmen zu können:
- mithilfe der Schriftgrößen-Umschaltung oder
- per Kontrastumschaltung.
Beide Möglichkeiten wirken jedoch leider nicht bei Bildern, die Text enthalten.
Wir haben also festgehalten, dass Text auf Bildern weder kontrastreicher noch größer angezeigt werden kann. »Normaler« Text auf einer Website kann jedoch für das sehbeeinträchtigte bzw. blinde Publikum durchs Vorlesen vom Screenreader wahrnehmbar gemacht werden.
Vor diesem Hintergrund wird verständlich, dass Sie Bilder, die Text enthalten, vermeiden sollten, wenn Ihnen Barrierefreiheit wichtig ist. Hier haben ein Beispiel für Sie, wie Sie es bitte nicht machen.
#3 Videos auf der Website: Bereitstellen der Inhalte als Text
Wenn Sie Videos barrierefrei bereitstellen möchten, benötigen Sie grundsätzlich:
- eine Audio-Description (vollumfängliche Beschreibung der Bildwelten und Video-Abläufe zum Lesen und Anhören) sowie
- vollständige Untertitel (Gesprochenes wird als Text im Video bereitgestellt).
Video-Inhalte im Beitrag selbst bereitstellen
Haben Sie beides nicht zur Verfügung und möchten die Barrierefreiheit Ihrer Website dennoch verbessern, sollten Sie zumindest eine Zusammenfassung des Videos als Text bereitstellen, das auch das Gesprochene beinhaltet.
Videos an sich sind für Screenreader nicht auslesbar, »normaler« Text auf einer Website jedoch schon. Wenn Sie also eine Zusammenfassung des Videos bereitstellen – was relativ einfach für Sie ist – hat das eine große Wirkung: Denn es bedeutet, dass Ihre Videos mit wenig Aufwand für alle Menschen gleichermaßen zugänglich werden.
Ist die wichtigste Information als Text auf Ihrer Website zu finden, auch wenn das Video nicht verfügbar ist? ... Können Sie diese Frage mit »Ja« beantworten, ist Ihr Text ausreichend.
