BITV/9.1.1 - Textalternativen: Unterschied zwischen den Versionen

Version vom 15. September 2026, 08:14 Uhr

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 Text-Alternative benötigen (z.B. ein Organigramm). In diesem Fall ist der Alt-Text nicht ausreichend.
Leerer Alternativtext 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]

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

Galerie[Bearbeiten | Quelltext bearbeiten]

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

Hier ist ein Galerie-Beispiel

Details-Menü
Menü "alle Aktionen"

Und so sieht die Bildbeschreibung im Bearbeitungsmodus aus:

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.

Symbol-Droplet[Bearbeiten | Quelltext bearbeiten]

Immer mit Text zusammen benutzen, da Droplet-Symbole nicht vorgelesen werden:

Richtig:

Zeitplan

Falsch:

Bildschirmlesegerät[Bearbeiten | Quelltext bearbeiten]

Media-Viewer kann im Benutzermenü deaktiviert werden.

PDF-Ausschluss - Start

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

PDF-Ausschluss - Ende

@@ Zeile 1: / Zeile 1: @@
-Beschreibung und Alternativtext von Galeriebild 1 im Bearbeitungsmodus.Die Erstellung von Alternativtexten (Alt-Text) ist ein zentraler Bestandteil barrierefreier Inhalte und spielt eine wichtige Rolle beim Erfüllen derBarrierefreiheits-Richtlinien.
+Die Erstellung von Alternativtexten (Alt-Text) ist ein zentraler Bestandteil barrierefreier Inhalte und spielt eine wichtige Rolle beim Erfüllen derBarrierefreiheits-Richtlinien.
 == Einleitung ==
 Nicht alle Arten von Grafiken werden von Wiki-Autoren erstellt. Bedienelemente und Layoutgrafiken betreffen eher die Entwickler von Anwendungen.
@@ Zeile 10: / Zeile 7: @@
 * Bedienelement (Web-Entwickler)
 * Layoutgrafik (Web-Entwickler)
-* Informative Grafik /Inhaltsgrafik (Inhaltsverantwortliche)
+* Informative Grafik /Inhaltsgrafik (Inhaltsersteller)
-* Symbol  (Inhaltsverantwortliche)
+* Symbol  (Inhaltsersteller)
 == Dateibeschreibungsseite ==
-In MediaWiki werden Grafiken ins Wiki hochgeladen, ohne dass Benutzer hier bereits den Alt-Text für das Bild angeben können. Dies hat verschiedene Gründe:
+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 verwendet. Die Komplexität, den Alt-Text auf der Dateibeschreibungsseite mulitlingual zu verwalten, wird derzeit weiterhin von den Entwicklern  auf die bestmögliche Umsetzun guntersucht.
+* 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 seit jeher 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 der Alt-Text angegeben werden muss.  Da hier bereits an einer Lösung gearbeitet wird, ist davon auszugehen, dass in absehbarer Zeit ein Standard-alternativ-Text direkt beim Hochladen angegeben werden kann.
-Dies bedeutet derzeit, dass der Alt-Text bei jeder Verwendung von den Inhaltserstellern manuell eingegeben werden muss.
+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 ==
 Folgende Merkmale sind zu beachten, wenn Bilder auf einer Wikiseite eingebunden werden:
-*Die Datei ist im Wiki fast immer zum Originalbild verlinkt (im Gegensatz zu einer Webseite).
+*Die Datei ist im Wiki fast immer zur Dateibeschreibungsseite verlinkt (im Gegensatz zu einer Webseite).
-*Jedes Bild benötigt Alternativtext
+*Jedes informative Bild benötigt Alternativtext
-*Die klassischen Vorschaubilder erlauben es, eine Bildunterschrift anzuzeigen, die sich inhaltlich häufig mit dem Alternativ-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).
+*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). {{Textbox|boxtype=important|header=Wichtig für Screenreader:|text=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.|icon=yes}}
 *Manche Bilder können unter Umständen auch eine längere  Text-Alternative benötigen (z.B. ein Organigramm). In diesem Fall ist der Alt-Text nicht ausreichend.
 *Leerer Alternativtext macht bei Inhaltsgrafiken keinen Sinn und sollte nicht umgesetzt werden.