Zuletzt bearbeitet vor 6 Monaten
von Margit Link-Rodrigue

9.1.1 - Textalternativen

Einleitung

Arten von Grafiken

  • Bedienelement (Web-Entwickler)
  • Informative Grafik (Inhaltsverantwortliche)
  • Layoutgrafik (Web-Entwickler)
  • Symbol (Inhaltsverantwortliche)

Bedienelement

3 Menü-Icons aus der BlueSpice Oberfläche: Zusatzmenü, Globale Aktionen und Benutzermenü
Grafik-Bedienelemente
  • Verlinkte, informative Grafik
  • Benötigt Alternativtext
  • Soll das Ziel (Link) bzw. die Aktion (Schaltfläche) bezeichnen.

Informative Grafik

  • Ist im Wiki fast immer zum Originalbild verlinkt (im Gegensatz zu einer Webseite).
  • Benötigt Alternativtext
  • Kann auch Text-Alternative benötigen (z.B. ein Organigramm). -> (Drawio, BPMN)

Hinweis: Derzeitige BlueSpice MediaWiki 1.39 Version benutzt keine klare Zuordnung von Bild und Bildunterschrift (wäre für Bildschirmlesegeräte besser, Beispiel). Dies geht erst ab neueren Versionen).

Beispiel

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

Galerie

Layoutgrafik

  • Nicht von Inhaltsverantwortlichen erstellt, kann aber in Vorlagen vorkommen. Bei der Erstellung neuer Vorlagen müssen Bilder immer überprüft werden (gibt es Layoutgrafiken vs. Informationsgrafiken?)
  • 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.

Symbol

Als Grafik eingebunden

  • Benötigt Alternativtext

Support-Hotline Icon

Symbol-Droplet

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

Richtig:

Zeitplan


Falsch:

Bildschirmlesegerät

  • Media-Viewer kann im Benutzermenü deaktiviert werden.



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