Alternativtexte für Bilder und Grafiken schreiben

Bild ist nicht gleich Bild. Um zu wissen, welchen Alternativtext Sie schreiben, sollten Sie die folgenden 明升体育_足球竞彩网-官网e kennen. Eines trifft jedoch auf alle Alternativtexte zu: Formulieren Sie kurz und aussagekr?ftig und verzichten Sie auf Zus?tze wie "Das Bild zeigt..." oder Copyright-Nachweise.

Das Bild ist informativ

Querschnitt eines Nestes der Honigbiene
Copyright: Michael L Smith

Ein guter Alternativtext für ein informatives Bild sollte kompakt, objektiv und kontextspezifisch den Inhalt des Bildes beschreiben.
Beispiel: Querschnittes eines Nestes der Honigbiene


Checkliste

  • Schreiben Sie verst?ndlich und m?glichst kurz (nicht l?nger als ca. 90 Zeichen).
  • Beschreiben Sie sachlich, ohne Interpretationen und Meinungen.
  • Beschreiben Sie die Aspekte des Bildes, die für das Verst?ndnis auf der dazugeh?rigen Seite wichtig sind.
  • Beginnen Sie direkt mit der Beschreibung. Vermeiden Sie unn?tige Formulierungen wie "Das Bild zeigt ...".
  • Informationen aus der Bildunterschrift sollen nicht wiederholt werden.
  •  Verzichten Sie auf Copyright-Nachweise. Schreiben Sie diese in die Bildunterschrift.

Eingabe des Alternativtextes

Sie klicken im TYPO3-Backend auf das Bild, für das Sie einen Alternativtext anlegen m?chten. Die Eingabemaske ?ffnet sich unterhalb des Bildes. Nun sehen Sie das Eingabefeld für den Alternativtext.

Der Alternativtext ist im Gegenzug zu der Beschreibung nicht sichtbar, sondern im Hintergrund aktiv. Er wird Personen mit einer Sehbeeintr?chtigung per Screenreader vorgelesen. Ohne den Text bleibt das Bild für diese Personen unsichtbar.

Screenshot mit Eingabemaske für den Alternativtext

Wichtig:
 

Bitte tragen Sie nicht in die Felder für "Titel", "Alternativer Text" und "Beschreibung" die selben Texte ein. Dies würde dazu führen, dass ein Screenreader drei mal den selben Text vorliest.

Dekorative Bilder

Ein Bild ist dekorativ, wenn Sie das Bild weglassen k?nnen, ohne dass dabei die Aussage oder das Verst?ndnis der Webseite beeintr?chtigt wird. Bei rein dekorativen Bildern lassen Sie das Feld ?Alternativer Text“ leer.


Das Bild ist ein Link

Ist das Bild ein Link muss das Feld Alternativer Text anstelle einer Bildbeschreibung eine Aussage über das Linkziel enthalten. Der Alternativtext wird als Linktext vorgelesen.

Beispiel: Der Alternativtext eines verlinkten Logos sollte den Firmenname beinhalten.

Das Bild zeigt einen Schriftzug

Texte in Bildern müssen in den Alternativtext übertragen werden.
Sogenannte "Nur-Text Bilder" sollten vermieden werden.

Hintergrundinformation

Der Originaltext dieser Informationen ist auf der Webseite der Technischen Universit?t München ver?ffentlicht.