Alternativtexte: Unterschied zwischen den Versionen
KKeine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung Markierungen: Manuelle Zurücksetzung Visuelle Bearbeitung: Gewechselt |
||
| (5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 17: | Zeile 17: | ||
Damit Screenreader auch digitale Bilder, Fotos und Grafiken erkennen und vorlesen, sollen alle Abbildungen mit einem Alternativtext / Alt-Text beschrieben werden. Es gibt unterschiedliche Auffassungen und Vorlieben, wie ausführlich diese Texte sein sollen. Sollen Farben erwähnt und Details skizziert werden? Welche Aussage des Bildes ist im Kontext wichtig? Alt-Texte tragen zur digitalen Barrierefreiheit bei und sie verbessern gleichzeitig die Suchmaschinenoptimierung (SEO), indem sie Bilder für Suchmaschinen indexierbar machen. | Damit Screenreader auch digitale Bilder, Fotos und Grafiken erkennen und vorlesen, sollen alle Abbildungen mit einem Alternativtext / Alt-Text beschrieben werden. Es gibt unterschiedliche Auffassungen und Vorlieben, wie ausführlich diese Texte sein sollen. Sollen Farben erwähnt und Details skizziert werden? Welche Aussage des Bildes ist im Kontext wichtig? Alt-Texte tragen zur digitalen Barrierefreiheit bei und sie verbessern gleichzeitig die Suchmaschinenoptimierung (SEO), indem sie Bilder für Suchmaschinen indexierbar machen. | ||
Ein Alt-Text ist allerdings für Menschen gedacht, nicht für Suchmaschinen. Wenn du den Alt-Text, hart gesagt voll „müllst“ | Ein Alt-Text ist allerdings für Menschen gedacht, nicht für Suchmaschinen. Wenn du den Alt-Text, hart gesagt voll „müllst“ mit unzusammenhängenden Schlagwörtern, ist das nicht barrierefrei, geschweige denn Nutzer*innen-freundlich (Keyword-Stuffing). Der Alt-Text ist für andere Nutzer*innen in der Regel unsichtbar. https://gehirngerecht.digital/alt-text/ | ||
https://www.uni-konstanz.de/universitaet/aktuelles-und-medien/online-und-print-medien-gestalten/texten-fuer-webseiten/barrierefreiheit-im-web/alternativtexte-fuer-bilder-und-grafiken-schreiben/ | ==== Hilfen zur Erstellung von Alternativtexten ==== | ||
Grundsätzliche Informationen zu Alternativtexten und ein Schema mit dessen Hilfe ganz leicht eigene Alternativtexte erstellen werden können bietet das KSL.NRW (Das Kompetenzzentrum Selbstbestimmt Leben. Für Menschen mit Sinnesbehinderung) https://ksl-msi-nrw.de/sites/default/files/public/ksl/msi/downloads/PDF_KSL-MSi_Alternativtexte.pdf | |||
Hier beschreibt die Uni Konstanz (unter anderem), wie im Typo3 Alternativtexte eingefügt werden. https://www.uni-konstanz.de/universitaet/aktuelles-und-medien/online-und-print-medien-gestalten/texten-fuer-webseiten/barrierefreiheit-im-web/alternativtexte-fuer-bilder-und-grafiken-schreiben/ | |||
Der Deutsche Verein der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS) veröffentlicht Leitlinien zur Barrierefreiheit von Office-Dokumenten oder PDF's und anderen Themen der Bildung. https://dvbs-online.de/veroeffentlichungen/leitfaeden | Der Deutsche Verein der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS) veröffentlicht Leitlinien zur Barrierefreiheit von Office-Dokumenten oder PDF's und anderen Themen der Bildung. https://dvbs-online.de/veroeffentlichungen/leitfaeden | ||
| Zeile 26: | Zeile 29: | ||
Inzwischen gibt es Werkzeuge, die mithilfe Künstlicher Inelligenz (LLM's) Alternativtexte für Bilder erzeugen. Das erleichtert die Erzeugung von Texten, muss jedoch unbedingt überprüft und verbessert werden. Ein gutes Beispiel: https://barrierefreies.design/werkzeuge/ki-generator-alternativer-text-von-bildern | Inzwischen gibt es Werkzeuge, die mithilfe Künstlicher Inelligenz (LLM's) Alternativtexte für Bilder erzeugen. Das erleichtert die Erzeugung von Texten, muss jedoch unbedingt überprüft und verbessert werden. Ein gutes Beispiel: https://barrierefreies.design/werkzeuge/ki-generator-alternativer-text-von-bildern | ||
==== Alternativtexte in Soziale Medien ==== | |||
Der DBSV beschreibt den technischen Weg, Alt-Texte auf verschiedenen Plattformen einzufügen. https://www.dbsv.org/bildbeschreibung-4-regeln.html | |||
* [https://help.twitter.com/de/using-x/picture-descriptions Anleitung für Bildbeschreibungen auf X] | |||
* [https://www.facebook.com/help/214124458607871?helpref=faq_content Anleitung für Bildbeschreibungen auf Facebook] | |||
* [https://help.instagram.com/503708446705527 Anleitung für Bildbeschreibungen auf Instagram] | |||
* [https://docs.joinmastodon.org/user/posting/#edit Anleitung für Bildbeschreibungen auf Mastodon] (englisch, gilt für alle hochgeladenen Medien) | |||
* [https://www.linkedin.com/help/linkedin/answer/a519856/hinzufugen-von-alternativem-text-zu-bildern-fur-barrierefreiheit?lang=de Anleitung für Bildbeschreibungen auf LinkedIn] | |||
[[Kategorie:Barrierefreiheit im Internet]] | |||
Aktuelle Version vom 4. August 2026, 13:21 Uhr
Alternativtext oder Alt-Text[Bearbeiten | Quelltext bearbeiten]
Damit Screenreader auch digitale Bilder, Fotos und Grafiken erkennen und vorlesen, sollen alle Abbildungen mit einem Alternativtext / Alt-Text beschrieben werden. Es gibt unterschiedliche Auffassungen und Vorlieben, wie ausführlich diese Texte sein sollen. Sollen Farben erwähnt und Details skizziert werden? Welche Aussage des Bildes ist im Kontext wichtig? Alt-Texte tragen zur digitalen Barrierefreiheit bei und sie verbessern gleichzeitig die Suchmaschinenoptimierung (SEO), indem sie Bilder für Suchmaschinen indexierbar machen.
Ein Alt-Text ist allerdings für Menschen gedacht, nicht für Suchmaschinen. Wenn du den Alt-Text, hart gesagt voll „müllst“ mit unzusammenhängenden Schlagwörtern, ist das nicht barrierefrei, geschweige denn Nutzer*innen-freundlich (Keyword-Stuffing). Der Alt-Text ist für andere Nutzer*innen in der Regel unsichtbar. https://gehirngerecht.digital/alt-text/
Hilfen zur Erstellung von Alternativtexten[Bearbeiten | Quelltext bearbeiten]
Grundsätzliche Informationen zu Alternativtexten und ein Schema mit dessen Hilfe ganz leicht eigene Alternativtexte erstellen werden können bietet das KSL.NRW (Das Kompetenzzentrum Selbstbestimmt Leben. Für Menschen mit Sinnesbehinderung) https://ksl-msi-nrw.de/sites/default/files/public/ksl/msi/downloads/PDF_KSL-MSi_Alternativtexte.pdf
Hier beschreibt die Uni Konstanz (unter anderem), wie im Typo3 Alternativtexte eingefügt werden. https://www.uni-konstanz.de/universitaet/aktuelles-und-medien/online-und-print-medien-gestalten/texten-fuer-webseiten/barrierefreiheit-im-web/alternativtexte-fuer-bilder-und-grafiken-schreiben/
Der Deutsche Verein der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS) veröffentlicht Leitlinien zur Barrierefreiheit von Office-Dokumenten oder PDF's und anderen Themen der Bildung. https://dvbs-online.de/veroeffentlichungen/leitfaeden
Auch die Universität Hamburg hat in Zusammenarbeit mit dem iBoB (inklusive berufliche Bildung ohne Barrieren. - Ein Projekt des Deutschen Vereins der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS)) eine Broschüre mit sehr ausführlichen Informationen zur Erstellung von Alternativtexten herausgegeben. "Leitfaden Gut fürs Image!"
Inzwischen gibt es Werkzeuge, die mithilfe Künstlicher Inelligenz (LLM's) Alternativtexte für Bilder erzeugen. Das erleichtert die Erzeugung von Texten, muss jedoch unbedingt überprüft und verbessert werden. Ein gutes Beispiel: https://barrierefreies.design/werkzeuge/ki-generator-alternativer-text-von-bildern
Alternativtexte in Soziale Medien[Bearbeiten | Quelltext bearbeiten]
Der DBSV beschreibt den technischen Weg, Alt-Texte auf verschiedenen Plattformen einzufügen. https://www.dbsv.org/bildbeschreibung-4-regeln.html