Zuletzt bearbeitet vor einer Woche
von Margit Link-Rodrigue

9.1.1 - Textalternativen

Die Erstellung von Alternativtexten (Alt-Text) ist ein zentraler Bestandteil barrierefreier Inhalte und spielt eine wichtige Rolle beim Erfüllen derBarrierefreiheits-Richtlinien.

Einleitung[Bearbeiten | Quelltext bearbeiten]

Nicht alle Arten von Grafiken werden von Wiki-Autoren erstellt. Bedienelemente und Layoutgrafiken betreffen eher die Entwickler von Anwendungen.

Arten von Grafiken[Bearbeiten | Quelltext bearbeiten]

  • Bedienelement (Web-Entwickler)
  • Layoutgrafik (Web-Entwickler)
  • Informative Grafik /Inhaltsgrafik (Inhaltsersteller)
  • Symbol (Inhaltsersteller)

Dateibeschreibungsseite[Bearbeiten | Quelltext bearbeiten]

In BlueSpice werden Grafiken in das Wiki hochgeladen, ohne dass Benutzer hier bereits den Alt-Text für das Bild angeben können. Dies hat verschiedene Gründe:

  • MediaWiki trennt Dateiverwaltung (Upload, Metadaten) von Inhaltsdarstellung (z. B. Alt-Text beim Einfügen in Artikel).
  • Grafiken im MediaWiki-Ökosysystem werden häufig zentral verwaltet (z.B. commons.wikmedia.org) und in mehreren Wikis mit unterschiedlichen Sprachen und Kontexten verwendet. Die Komplexität, den Alt-Text auf der Dateibeschreibungsseite mulitlingual zu verwalten, wird derzeit weiterhin von den Entwicklern auf die bestmögliche Umsetzung untersucht.

Daher wird der Alt-Text von den Inhaltserstellern direkt bei Verwendung des Bildes auf einer Wiki-Seite hinzugefügt. Dies bedeutet, dass bei mehrmaliger Verwendung auch mehrmals manuell ein Alt-Text angegeben wird.

Informative Grafik/Inhaltsgrafiken[Bearbeiten | Quelltext bearbeiten]

Folgende Merkmale sind zu beachten, wenn Bilder auf einer Wikiseite eingebunden werden:

  • Die Datei ist im Wiki fast immer zur Dateibeschreibungsseite verlinkt (im Gegensatz zu einer Webseite).
  • Jedes informative Bild benötigt Alternativtext
  • Die klassischen Vorschaubilder erlauben es, eine Bildunterschrift anzuzeigen, die sich inhaltlich häufig mit dem Alt-Text überschneidet. Es ist daher schwierig für Inhaltsersteller zu beurteilen, was in den Alternativtext (für Screenreader-Benutzer) und was in die Bildunterschrift (für alle Benutzer einschließlich Screenreader-Benutzer gehört).
Wichtig für Screenreader: Screenreader lesen sowohl die Beschriftung als auch den Alt-Text vor. Diese sollten sich daher niemals identisch sein, um eine unnötige Wiederholung beim Vorlesen zu vermeiden.
  • Manche Bilder können unter Umständen auch eine längere Textalternative benötigen (z.B. ein Organigramm). In diesem Fall ist der Alt-Text nicht ausreichend.
  • Leerer Alt-Text macht bei Inhaltsgrafiken keinen Sinn und sollte nicht umgesetzt werden.
    • Vorschaubild: Wiki fügt automatisch den Bildnamen ein.
    • Einfaches Bild: Wiki fügt Alt-Tag ohne Wert ein.

Beispiel[Bearbeiten | Quelltext bearbeiten]

Infografik eines Geschäftsteams, die wie Zahnräder zusammenarbeiten.
Teamarbeit zahlt sich aus

Die Beschriftung und der Alternativtext könnten hier so angegeben werden:

Beispiel der Beschriftung und des Alterntivtextes des vorhergehenden Bildes im Bearbeitungsmodus.
Beschriftung und Alternativtext

Galerie[Bearbeiten | Quelltext bearbeiten]

Auch bei jedem Galerie-Bild werden die Beschriftung und der Alternativtext separat angegeben.


Hier ist ein Galerie-Beispiel

Und so sieht die Bildbeschreibung im Bearbeitungsmodus aus:

Beschreibung und Alternativtext von Galeriebild 1 im Bearbeitungsmodus.
Bearbeitung des ersten Galerie-Bildes
Hinweis: Die Einstellung "Die Bildunterschrift als Alternativtext verwenden" is nicht zielführend, da vom Bildschirmlesegerät zweimal der gleiche Text vorgelesen wird.


Layoutgrafik[Bearbeiten | Quelltext bearbeiten]

Merkmale von Layoutgrafiken:

  • Nicht von Inhaltsverantwortlichen erstellt, können aber in Vorlagen vorkommen. Bei der Erstellung neuer Vorlagen müssen Bilder immer überprüft werden (gibt es Layoutgrafiken vs. Informationsgrafiken?)

Symbol[Bearbeiten | Quelltext bearbeiten]

Symbole können sowohl als Bilder ins Wiki hochgeladen werden als auch als Content Droplet "Symbol" eingebunden werden.

Als Grafik eingebunden (hochgeladen)[Bearbeiten | Quelltext bearbeiten]

Wie alle Inhaltsgrafiken benötigt das Symbol Alt-Text, wenn es als Vordergrundbild (d.h. hochgeladenes Bild) verwendet wird.

Support-Hotline

Bearbeitungsmodus eines Symbols
Symbolbild mit Alternativtext

Symbol-Droplet[Bearbeiten | Quelltext bearbeiten]

Wird ein Symbol über das Content Droplet "Symbol" erzeugt, muss es Immer mit Text zusammen benutzt werden, da solche Symbole von Screenreadern nicht vorgelesen werden:

Richtig:

Zeitplan


Falsch:


PDF-Ausschluss - Start

Feedback zur Dokumentation ist im Community-Forum möglich.

PDF-Ausschluss - Ende