Ende Mai besuchte ich auf der re:publica den Workshop „Accessibility rocks – So postest du barrierefrei in Social Media“. Dort wurde erklärt, wie User den optimalen Alt-Text erstellen können.
Alt-Text ist die Abkürzung für Alternativ-Text. Der Begriff bezeichnet eine kurze Bildbeschreibung. Diese wird normalerweise nicht angezeigt, sondern nur von einem von Blinden genutzten Screenreader vorgelesen.
Redner Heiko Kunert vom Blinden- und Sehbehindertenverein Hamburg gab diese Tipps zur Gestaltung eines optimalen Alt-Textes.
Gestaltung des Alt-Textes
So sollte der optimale Alt-Text gestaltet sein.
- Ein Alt-Text ist alternativlos. Du solltest ihn nicht weglassen.
- Er soll kurz, objektiv und leicht verständlich sein.
- Im Bild gezeigter Text soll wiederholt werden.
- Nicht denselben Text wie in der Bildunterschrift verwenden.
- Die Bildquelle hat darin nichts verloren.
- Nenne Personen mit ihrem Namen.
- Erwähne den Kontext des Bildes, in dem es entstanden ist.
- KI-generierte Alt-Texte können eine Hilfe sein, müssen aber kontrolliert werden.
Verzichte auf …
- Unicode-Zeichencodes wie
äfür das ä. Diese können vom Screenreader nicht interpretiert werden. - ASCII-Art, also auf Bilder, die aus einzelnen Schriftzeichen zusammengesetzt werden.
Weitere Tipps
Weitere Tipps zur barrierefreien Gestaltung sind:
- Bei Grafiken solltest du das Kontrastverhältnis mit einem Kontrastrechner prüfen.
- Auch Grafiken und Diagramme sollten einen Alt-Text enthalten.
- Für Sehbehinderte ist eine serifenlose Schriftart wie bspw. Calibri Regular, Lucida Sans oder Verdana wichtig.
- Die Schriftgröße sollte für den Desktop 22 px betragen.
- Als Textausrichtung sollte Flattersatz gewählt werden.
- Der Zeilenabstand sollte 120 % der Schriftgröße betragen.
- Bei Hashtags sollten die einzelnen Wörter großgeschrieben werden. Bsp.: #NurDerHSV statt #nurderhsv.
Tipps für Fotos
Auch bei Fotos sollte auf die Barrierefreiheit geachtet werden.
- Sie sollten gut erkennbar sein. Wesentliche Bildinhalte sollten nicht zu kleinteilig sein.
- Der Hintergrund sollte ruhig sein.
- Es sollte einen Kontrast zwischen Vorder- und Hintergrund geben.
Tipps für Videos
Bei Videos sollten im Off-Text oder in der Moderation die vier W-Fragen beantwortet werden.
- Wer oder was wird gezeigt?
- Was passiert?
- Wann spielt der Film?
- Wo spielt das Geschehen?
Außerdem noch wichtig für barrierefreie Videos.
- Beschreibe wichtige Elemente wie bspw. die Zutaten eines Kochrezepts oder der Name eines Produkts.
- Sprich alle Text-Einblendungen ein. Screenreader können diese nicht vorlesen.
- Schreibe ergänzende Text-Beschreibungen in den Kommentar oder in die Videobeschreibung.
- Achte auf eine kontrastreiche und lesbare Gestaltung.
- Erstelle für lange Videos eine Version mit Audiodeskription.
- Füge für hörsehbehinderte Menschen Untertitel in das Video ein.
Links
Weitere Infos findest du auf diesen Seiten:
Meine Meinung zur Barrierefreiheit
Einige dieser Tipps sind für Blogger nicht einfach zu verwirklichen. Es gibt aber auch Dinge, die jeder ohne große Probleme umsetzen kann. Ein gut geschriebener Alt-Text sollte bspw. zum Standard werden. Der zusätzliche Aufwand ist gering, aber der Nutzen für Blinde und Sehbehinderte ist groß. Ich habe mir jedenfalls vorgenommen, für meine Bilder und Fotos zukünftig einen Alt-Text zu schreiben.
Bloggerschnack Juli 2025
Diesen Blogartikel habe ich für den Bloggerschnack im Juli 2025 erstellt. Das Thema lautete: Inklusion auf deinem Blog: Wie machst du deine Inhalte für alle zugänglich?
Noch mehr Tipps
Bei den anderen Teilnehmern der Blogparade findest du weitere wertvolle Tipps, die du beim Thema Barrierefreiheit beachten solltest:
Frank: Bloggerschnack 07/2025
Edeline: Was würdest du Neulingen zum Blog-Start empfehlen? & Wie viel Inklusion ist auf meinem Blog?
Sari: Bloggerschnack im Juli: Inklusion auf deinem Blog
Lorenzo: Inklusion auf deinem Blog: Wie machst du deine Inhalte für alle zugänglich?
Martha: Mein Versuch den Blog barrierearm und inklusiv zu gestalten
Verena: Wie barrierefrei ist mein Blog?
Schreibe einen Kommentar