Digitale Barrierefreiheit Lernmodul FH Aachen

Bilder/Grafiken

Auf dieser Seite werden allgemeine Regeln und Kriterien für Bilder oder Grafiken vorgestellt.

Bilder bieten Informationen oder sind illustrativ

Bilder und Grafiken können Informationen bieten, die zum Verständnis beitragen. Als Illustration dienen Sie im Layout der Erhöhung der Aufmerksamkeit.

Alternativen für Bild-/Grafikinformationen richten sich an Menschen mit einer Sehbehinderung und sind in erster Linie Textbeschreibungen.

Beispiele

Komplexe Grafik zeigt Einflussfaktoren des Klimawandels
In einer komplexen Grafik können Beschriftungen direkt im Bild zum Verständnis beitragen – eine Alternative für Menschen mit Sehbehinderung hierzu ist eine (zusätzliche) ausführliche Bildbeschreibung.
Audiobeispiel Screenreader liest Alt-Text
Screenshot zeigt Eingabefenster für Titel, Beschreibung und Alt-Text bei Medienobjekten in ILIAS
Titel, Beschriftung und Alt-Text in ILIAS

Abblidung mit hohem Informationsgehalt

Balkendiagramm zum CO2 Ausstoß. !960 betrug der weltweite Ausstoß 9,1 Milliarden Tonnen. 2017 betrug der Ausstoß 35,5 Milliarden Tonnen. Die Reduzierungs-Empfehlung des Weltklimarates für 2030 lautet 17,9 Milliarden Tonnen, bis 2050 soll Klimaneutralität erreicht sein.
Grafik: Statista.com

alt-Text Beispiel ausführlich:
Balkendiagramm zum CO2 Ausstoß.!960 betrug der weltweite Ausstoß 9,1 Milliarden Tonnen. 2017 betrug der Ausstoß 35,5 Milliarden Tonnen. Die Reduzierungs-Empfehlung des Weltklimarates für 2030 lautet 17,9 Milliarden Tonnen, bis 2050 soll Klimaneutralität erreicht sein.

alt-Text Beispiel sehr kurz:
Die Grafik zeigt den weltweiten CO2-Ausstoß bis 2017 und Reduzierungs-Empfehlung des Weltklimarats

Ein knapper alt-Text kann durch entsprechend detaillierte Beschreibung im zugehörigen Text ausreichend für gleichwertige Lernbedingung sein.

Bei Diagrammen, wie in diesem Beispiel, reicht die ansonsten empfohlene Kurzbeschreibung aber i.d.R. nicht aus.

Abbildung mit wenig Informationsgehalt

Was kommt nicht in die alt-Beschreibung?

Im Beispiel links kann man von einem dekorativen Bild sprechen. Bei Dekorationen sollte der alt-Text leer bleiben.

Alt-Text und Wortlaut der Bildunterschrift sollten nicht identisch sein.

Copyright-Informationen, Urherberangaben gehören nicht in den Alt-Text.

(Pflicht) Textalternative – "Alt-Text" zu Bildern und Grafiken

Ein Alt-Text ist Bestandteil der Bildinformation und kann von Screenreadern vorgelesen werden.
In ILIAS und auch in Office-Programmen können Alt-Texte nach dem Upload  oder Einfügen sehr einfach erstellt werden.

  • Der Alt-Text soll ein Verständnis zum Bildinhalt bieten – eine Alternative zum Bild.

Was liest ein Screenreader?

Ein Screenreader wählt Textzurodnungen des Bildes für das Vorlesen nach folgender Priorisierung aus (entweder-oder):
  1. Alt-Text (wird manuell gesetzt – zunächst nicht vorhanden) = ausreichende Alternative, dabei möglichst knapp formuliert
  2. Bild-Titel (wird manuell gesetzt – zunächst nicht vorhanden) = normalerweise zu kurz für Verständnis
  3. Dateiname (wird übernommen) = normalerweise unverständlich bzgl. Bildinhalt

Wird einfach nur ein Bild eingefügt oder hochgeladen, so stellt der Dateiname die einzig vorlesbare Information dar.

Die Bildunterschrift oder Bildlegende enthält Informationen für Sehende und Nichtsehende.
Bildlegende und alt-Text sollen daher nicht identisch sein.
Die Bildlegende kann auch Credits (Informationen zur Quelle/Urheber) enthalten.

Bildlegenden sind vollständige und sprachlich korrekte Sätze. Damit sie knackig wirken, sollten sie etwa zehn bis zwölf Wörter umfassen. Übrigens: Bildlegenden dürfen auch im Präsens abgefasst sein, obwohl der auf dem Foto festgehaltene Moment bereits Vergangenheit ist. Man nennt dies das „Stilistische Präsens“.

Anleitungen

ILIAS

Screenshot Seiteneditor für Alt-Text

Nach dem Upload kann der Alt-Text erstmals editiert werden.

Änderungen sind nachträglich im Medienobjekt möglich. Sie können also bestehende Bilder ändern.

Medienpool verwenden

Es ist empfehlenswert möglichst alle Abbildungen in Medienpools zu organisieren. Zweck des Medienpools ist die zentrale Verwaltung von Medien und Seiteninhalten. Änderungen an Metadaten – neben den alt-Texten auch Bildunterschrift, Lizenz etc. – sind so unabhängig von der Verwendungsort der Medien einfach möglich.

Word

Klicken Sie mit der rechten Maustaste auf das Bild und wählen Sie "Alternativtext bearbeiten".
Office bietet auch eine automatische Texterstellung – diese ist jedoch i.d.R. nicht brauchbar.

Screenshot aus Word zeigt Einstellungen für Alt-Text
Alt-Text in Word erstellen und bearbeiten – Menü über die rechte Maustaste aufrufen.


No comment has been posted yet.