BITV/9.1.1 - Textalternativen: Unterschied zwischen den Versionen

Margit Link-Rodrigue (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Markierung: Quelltext-Bearbeitung 2017
Margit Link-Rodrigue (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Zeile 14: Zeile 14:


* MediaWiki trennt Dateiverwaltung (Upload, Metadaten) von Inhaltsdarstellung (z. B. Alt-Text beim Einfügen in Artikel).
* 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.
* 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.
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.
Zeile 24: Zeile 24:
*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).  
*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}}
{{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.
*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 Alternativtext macht bei Inhaltsgrafiken keinen Sinn und sollte nicht umgesetzt werden.
*Leerer Alt-Text macht bei Inhaltsgrafiken keinen Sinn und sollte nicht umgesetzt werden.
**Vorschaubild: Wiki fügt automatisch den Bildnamen ein.
**Vorschaubild: Wiki fügt automatisch den Bildnamen ein.
**Einfaches Bild: Wiki fügt alt tag ohne Wert ein.
**Einfaches Bild: Wiki fügt Alt-Tag ohne Wert ein.


=== Beispiel ===
=== Beispiel ===
Zeile 59: Zeile 59:


=== Symbol-Droplet ===
=== Symbol-Droplet ===
Immer mit Text zusammen benutzen, da Droplet-Symbole nicht vorgelesen werden:<br>
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:<br>


'''Richtig:'''
'''Richtig:'''


{{Icon|bi bi-clock|}}Zeitplan
{{Icon|bi bi-clock|}} Zeitplan






'''Falsch:'''<br>
'''Falsch:'''<br>{{Icon|bi bi-clock|}}
 
{{Icon|bi bi-clock|}}


== Bildschirmlesegerät ==
== Bildschirmlesegerät ==


* Media-Viewer kann im Benutzermenü deaktiviert werden.
* Media-Viewer kann im Benutzermenü deaktiviert werden.

Version vom 15. September 2026, 08:18 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 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:

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