AccessibilityContent StrategyBest Practices

Barrierefreiheit in Social Media: Die komplette Checkliste

Alt-Text, Untertitel, CamelCase-Hashtags, Kontrast und Fancy Fonts — eine praxistaugliche Checkliste für Barrierefreiheit auf jeder Plattform.

Dan — Founder, SocialKit10 min read

Barrierefreiheit in Social Media bedeutet, Posts zu veröffentlichen, die Menschen tatsächlich nutzen können — unabhängig davon, wie sie unterwegs sind: mit einem Screenreader, mit stummgeschaltetem Ton, mit einer Sehbehinderung oder auf einem gesprungenen Handydisplay in praller Sonne. In der Praxis läuft es auf etwa acht wiederholbare Gewohnheiten hinaus: Alt-Text bei Bildern, Untertitel bei Videos, Hashtags in CamelCase, lesbarer Kontrast, klar strukturierte Bildunterschriften, sinnvoll platzierte Emojis, keine „Fancy Fonts" aus Unicode-Zeichen und keine Information, die allein über Farbe transportiert wird. Keine davon dauert länger als eine Minute pro Post, und jede einzelne liefert obendrein Text an die Systeme, die entscheiden, wer deine Inhalte zu sehen bekommt.

Genau dieser letzte Punkt ist der Grund, warum diese Checkliste hängen bleibt, wenn das ethische Argument allein es nicht schafft. Alt-Text ist indexierbarer Text. Untertitel sind ein Transkript. Ein CamelCase-Hashtag wird von einem Screenreader genauso korrekt geparst wie von einem Suchindex. Für den größten Teil dieser Liste sind Barrierefreiheits-Arbeit und Auffindbarkeits-Arbeit dieselbe Arbeit.

Die Acht-Punkte-Checkliste auf einen Blick

ElementDie GewohnheitWo es gilt
Alt-TextJedes Bild in ein bis zwei schlichten Sätzen beschreibenÜberall, wo es ein Alt-Feld gibt
UntertitelEingebrannte Untertitel als Standard, Untertiteldatei überall dort, wo sie akzeptiert wirdAlle Videos
Hashtags#JederTagInCamelCase, gebündelt am Ende oder im ersten KommentarAlle Plattformen
SchriftenNur native Tastaturzeichen — keine Unicode-Script-/Bold-GeneratorenAlle Plattformen
EmojiAm Ende einer Zeile, nie mitten im Wort, nie als AufzählungszeichenAlle Plattformen
KontrastText auf Grafiken mit hohem Kontrast; verlass dich nicht allein auf FarbeAlle Bilder und Videos
AufbauKurze Zeilen, echte Zeilenumbrüche, Kernaussage nach vornAlle Bildunterschriften
Bewegung & TonKein Stroboskop-Effekt; nie wichtige Informationen nur im AudioVideo

Alles Folgende beschreibt, wie du jeden einzelnen Punkt tatsächlich umsetzt und wo sich die Plattformen unterscheiden.

Alt-Text: die 15 Sekunden mit dem größten Hebel

Alt-Text ist eine kurze schriftliche Beschreibung eines Bildes, die ein Screenreader vorliest. Wenn du nichts schreibst, greifen die meisten Plattformen auf maschinell generierte Objekterkennung zurück — „Enthält möglicherweise: zwei Personen, Baum, Außenaufnahme" — was vage, häufig falsch ist und niemandem hilft. Unser Alt-Text-Glossareintrag liefert die kurze Definition; der Leitfaden zu Instagram-Alt-Text behandelt die Schreibformel ausführlich.

Die Unterstützung ist unterschiedlich, und Stand November 2025 sieht sie ungefähr so aus:

  • Echte Alt-Text-Felder: Instagram, Facebook, X, LinkedIn, Threads, Bluesky, Mastodon und Pinterest geben dir alle eine Stelle, an der du ein Bild vor oder nach dem Posten beschreiben kannst.
  • Kein Alt-Feld — der sichtbare Text übernimmt die Aufgabe: YouTube-Thumbnails und Fotos im Google Business Profile haben keine Beschreibungsebene, deshalb müssen dein Titel, deine Beschreibung und der Post-Text den Kontext tragen.
  • Video: Alt-Text ist hier in der Regel nicht anwendbar. Untertitel und ein beschreibender Text in der Bildunterschrift sind das Äquivalent.

Die Unterstützung verschiebt sich, prüfe also deinen Composer, statt einer Liste zu vertrauen — TikTok etwa ergänzt seit einiger Zeit Beschreibungsfelder für Foto-Posts, während bei Video weiterhin die Bildunterschrift führt.

Eine praktikable Formel: Motiv + Handlung oder Kontext + ein relevantes Detail. „Ein Barista gießt Latte-Art in eine weiße Tasse an einem Holztresen, Morgenlicht durchs Fenster" schlägt „Kaffeebild". Drei Regeln, die mehr zählen als die Länge:

  • Übertrage jeden Text, der im Bild vorkommt. In eine Grafik eingebackene Wörter sind sonst für die Suche und für Screenreader unsichtbar. Das ist der am häufigsten übersprungene Punkt dieser Liste.
  • Verzichte auf „Bild von" / „Foto von". Screenreader kündigen das bereits an.
  • Schreib für jede Karussell-Folie eigenen Alt-Text. Jede Folie ist ein eigenes Bild mit eigenem Feld.

Betreibe kein Keyword-Stuffing. Eine mit Suchbegriffen vollgestopfte Beschreibung ist schlechter für die Person, die zuhört, und liest sich für die Plattform wie Spam.

Untertitel: Dateien versus eingebrannte Untertitel

Zwei verschiedene Dinge laufen unter dem Begriff „Untertitel", und der Unterschied zählt:

  • Untertiteldateien (.srt oder .vtt) sind separate Textspuren, die Zuschauer ein- oder ausschalten können. YouTube ist hier der wichtige Fall — hochgeladene Untertitelspuren sind maschinenlesbar, bearbeitbar und fließen mit ein, wie das Video verstanden und ausgespielt wird. Facebook und LinkedIn akzeptieren bei Video-Posts am Desktop ebenfalls einen SRT-Upload, und die meisten Plattformen erzeugen inzwischen automatisch eine Spur, die du vor dem Veröffentlichen bearbeiten kannst.
  • Eingebrannte Untertitel, auch Open Captions genannt, werden in die Videopixel gerendert. Niemand kann sie ausschalten — und genau deshalb sind sie verlässlich: Sie überstehen Re-Uploads, Cross-Posting und jede Plattform, die deine Untertitelspur klammheimlich verwirft.

Die praktische Regel: Brenne Open Captions standardmäßig ein und lade zusätzlich überall dort eine Untertiteldatei hoch, wo die Plattform das annimmt. Eingebrannte Untertitel garantieren, dass die Botschaft bei Zuschauern ohne Ton ankommt; die Untertiteldatei liefert dir das durchsuchbare Transkript. Ein großer Teil der Videos im Feed wird stumm geschaut, deshalb geht es hier nicht nur um gehörlose und schwerhörige Zuschauer — es ist die eine Änderung, die bei einem Talking-Head-Clip am wahrscheinlichsten die Completion Rate hebt.

Zwei Checks vor dem Veröffentlichen: Automatisch generierte Untertitel liegen bei Namen, Marken und Fachjargon häufig daneben, lies sie also einmal durch und korrigiere sie; und halte eingebrannten Text aus den UI-Overlay-Zonen der Plattform heraus. Die Referenz für Bild- und Videogrößen in Social Media zeigt, wo bei jedem Format Buttons und Nutzernamen sitzen — Untertitel, die hinter einem Share-Icon verschwinden, sind dasselbe wie keine Untertitel.

Um bei unserem eigenen Tool klar zu sein: SocialKit generiert keine Untertitel, transkribiert kein Audio und brennt keine Untertitel ein — das passiert vor dem Upload in deinem Video-Editor. Was es leistet, ist ein Composer, in dem die fertige Datei, die Bildunterschrift und die Hashtags pro Plattform gemeinsam geprüft werden, bevor irgendetwas rausgeht.

Hashtags in CamelCase

Schreib #SocialMediaAccessibility, nicht #socialmediaaccessibility. Screenreader lesen großgeschriebene Wörter als getrennte Wörter und geben den Tag als Phrase wieder; eine durchgehend kleingeschriebene Buchstabenfolge wird als eine einzige unverständliche Zeichenkette gelesen oder Zeichen für Zeichen buchstabiert. Hashtag-Matching ist auf jeder großen Plattform case-insensitive, Großschreibung kostet dich an Reichweite also exakt nichts — und sie macht lange Tags auch für sehende Leser lesbar. Die meisten der berühmten versehentlich obszönen Hashtag-Desaster waren kleingeschriebene Wortketten, die niemand als eine zusammenhängende Zeichenkette korrekturgelesen hat.

Zwei Platzierungsgewohnheiten, die ebenfalls helfen:

  • Bündle Hashtags am Ende, statt sie mitten im Satz zu verstreuen. Ein Tag innerhalb eines Satzes unterbricht den Vorlesefluss und zerstört für alle die Grammatik.
  • Verschiebe größere Hashtag-Blöcke in den ersten Kommentar, wo es zur Plattform passt. Das hält die Bildunterschrift selbst sauber und lesbar. Wenn du vorausplanst, lässt sich das automatisieren — siehe wie du einen ersten Kommentar mit Hashtags planst.

Fancy Fonts brechen mehr als nur Screenreader

Diese fetten, geschwungenen und gotischen „Schriften" aus Online-Generatoren sind keine Schriften. Es sind mathematische und Symbol-Zeichen aus Unicode, die zufällig wie Buchstaben aussehen. Ein Screenreader kündigt sie womöglich als „mathematisches fettes großes A" an, liest sie als Unsinn vor oder überspringt sie stillschweigend — und macht aus deiner Headline damit tote Luft.

Der Schaden reicht weiter als Barrierefreiheit: Dieser Text lässt sich meist über die In-App-Suche nicht finden und wird auf älteren Geräten manchmal als leere Kästchen dargestellt. Nutze für Betonung lieber Struktur — eine kurze Zeile für sich, einen Zeilenumbruch oder GROSSBUCHSTABEN bei einem einzelnen Wort (nicht bei einem ganzen Satz, den manche Screenreader Buchstabe für Buchstabe buchstabieren). Der Leitfaden zu Instagram-Schriften und Caption-Formatierung zeigt, was für visuelle Hierarchie noch funktioniert.

Dasselbe Prinzip gilt für dekorative Trennzeichen: Aus ✦•✦•✦ werden sechs vorgelesene Symbolnamen. Ein Zeilenumbruch erledigt den Job.

Emoji-Platzierung

Jedes Emoji hat einen gesprochenen Namen. 🎉 heißt „Party-Popper". Eine Bildunterschrift, die mit sieben Emojis endet, endet mit sieben aufeinanderfolgenden vorgelesenen Namen, und eine Bildunterschrift, die ✅ als Aufzählungszeichen verwendet, liest vor jedem einzelnen Punkt „weißes dickes Häkchen" vor.

Die Regeln sind einfach:

  • Setz Emojis ans Ende eines Satzes oder einer Zeile, nicht in die Mitte und niemals in ein Wort hinein.
  • Beschränk dich auf ein bis drei pro Post. Dekorative Reihen sind im Audio nichts als Lärm.
  • Lass ein Emoji keine Bedeutung tragen, die nicht auch ein Wort trägt. „Link in Bio 👆" ist in Ordnung; „👆" allein nicht.
  • Verwende Emojis nie als Aufzählungszeichen. Nutze einen Zeilenumbruch oder einen Gedankenstrich.

Unser Leitfaden zum Einsatz von Emojis in Social Posts geht bei Tonalität und Plattform-Konventionen weiter, und der Emoji-Glossareintrag erklärt, wie sie interpretiert werden.

Kontrast, Textgröße und Farbe

Für alles, worauf Text liegt — Zitatkarten, Karussell-Folien, Thumbnails, Story-Frames — ziel auf die WCAG-AA-Vorgaben: ein Kontrastverhältnis von mindestens 4.5:1 für normalen Text und 3:1 für großen Text. Kostenlose Kontrast-Checker geben dir den Wert in Sekunden. Praktisch übersetzt:

  • Dünne weiße Schrift über einem Foto scheitert fast immer. Leg ein dunkles Overlay, einen einfarbigen Block oder einen Textschatten darunter.
  • Hellgrau auf Weiß und Mittelblau auf Schwarz sind die zwei häufigsten Fehlschläge in Marken-Templates. Teste dein Template ein einziges Mal, und du hast jeden Post repariert, der es verwendet.
  • Mach es größer. Text, der für die Vorschau am Laptop dimensioniert ist, ist auf dem Handy, wo er tatsächlich gesehen wird, oft unlesbar.
  • Verlass dich nie allein auf Farbe. Ein roter Balken gegenüber einem grünen Balken bedeutet für farbenblinde Betrachter ohne Beschriftung nichts. Ergänze Text, Icons oder Muster.

Wenn du diese Grafiken ohne Design-Hintergrund selbst baust, führen die Design-Tipps für Nicht-Designer durch Templates und Hierarchie — das meiste, was eine Grafik barrierefrei macht, ist genau das, was sie auch durchdacht aussehen lässt.

Aufbau der Bildunterschrift und einfache Sprache

Screenreader lesen eine Textwand als Textwand vor, und allen anderen geht es genauso. Struktur behebt beides:

  • Stell die Kernaussage nach vorn, in die erste Zeile, vor die „Mehr"-Kürzung.
  • Nutze echte Zeilenumbrüche, um Gedanken zu trennen.
  • Schreib schlichte Sätze. Kurze Wörter, Aktiv, kein Akronym, ohne es beim ersten Auftreten auszuschreiben.
  • Nutze beschreibende Linktexte, wo Links klickbar sind. „Lies die Preisaufschlüsselung" schlägt eine nackte URL oder „hier klicken".
  • Verzichte auf die G E S P E R R T E Ästhetik. Sie wird Buchstabe für Buchstabe vorgelesen.

Auch die Länge zählt, denn eine abgeschnittene Bildunterschrift kann die eigentliche Botschaft unterhalb der Kürzung stranden lassen — die Referenz zu Zeichenlimits enthält die aktuellen Grenzen pro Plattform. Darüber hinaus behandelt wie du fesselnde Bildunterschriften schreibst die Mechanik einer Caption, die Menschen zu Ende lesen; barrierefreie und einfach gute Bildunterschriften erweisen sich als fast dasselbe Dokument.

Bewegung, Blitzen und Ton

  • Kein Stroboskop-Effekt, kein schnelles Blinken — alles, was mehr als dreimal pro Sekunde aufblitzt, ist ein Anfallsrisiko. Schnittfolgen mit harten weißen Blitzen sind die üblichen Verdächtigen.
  • Vermeide starken Parallax-Effekt und wackelnden Text in animierten Templates.
  • Pack kritische Informationen niemals nur ins Audio. Wenn ein Voiceover den Rabattcode nennt und er weder im Bild noch in der Bildunterschrift steht, verpassen ihn gehörlose Zuschauer und stumm schauende Zuschauer gleichermaßen.
  • Beschreibe rein visuelle Gags in der Bildunterschrift. Wenn die Pointe komplett im Bild steckt, sorgt eine Zeile Kontext dafür, dass sie auch bei Screenreader-Nutzern zündet.
  • Ergänze eine Inhaltswarnung bei Blitzen, lautem Audio oder belastenden Themen — eine Zeile oben in der Bildunterschrift oder die native Inhaltswarnung auf Plattformen wie Mastodon, die eine anbieten.

Bau es ins Scheduling ein, nicht in die Accessibility-Woche

Bei den meisten Marken ist Barrierefreiheit lückenhaft — nicht, weil irgendwer widerspricht, sondern weil Alt-Text das letzte Feld vor dem Veröffentlichen ist. Und das letzte Feld vor dem Veröffentlichen ist genau das, was übersprungen wird, wenn du vom Handy aus postest.

Die Lösung ist, die Arbeit nach vorn zu verlagern, in den Moment, in dem du ohnehin schon die Bildunterschrift schreibst. Wenn du eine Woche an Posts in einer Sitzung entwirfst, schreibst du eine Woche an Alt-Texten in derselben Sitzung — mit den Bildern vor dir und frischem Kontext. In SocialKit ist das der Composer-Schritt: Du schreibst einmal und passt danach Bildunterschrift, Hashtags und Medien pro Plattform über alle 11 Netzwerke hinweg an — so werden Alt-Text pro Plattform und ein Hashtag-Block für den ersten Kommentar Teil des Verfassens und nicht ein separater Aufräum-Durchgang. Der visuelle Kalender zeigt dir anschließend, was in der Warteschlange steht, was einen schnellen Barrierefreiheits-Check der Bilder einer Woche realistisch statt theoretisch macht. Jeder Plan deckt alle 11 Plattformen ab und startet mit einer 7-tägigen kostenlosen Testphase, ab €29/Monat (Stand November 2025).

Zwei Team-Gewohnheiten lohnen sich zusätzlich. Wenn du einen Freigabeschritt hast, pack „Alt-Text vorhanden, Untertitel eingebrannt, Kontrast geprüft" in den Durchgang der prüfenden Person statt in ein Richtliniendokument, das niemand öffnet. Und repariere deine Templates ein für alle Mal — die meisten Kontrast- und Safe-Zone-Fehler sind Template-Fehler, immer wieder wiederholt.

Fang diese Woche hier an

Versuch nicht, deinen kompletten Backkatalog nachzurüsten. Arbeite in dieser Reihenfolge:

  1. Aktiviere Alt-Text-Erinnerungen, wo die Plattform sie anbietet (X und Bluesky haben beide eine Einstellung, die vor dem Posten an eine Beschreibung erinnert oder sie verlangt).
  2. Teste deine zwei meistgenutzten Grafik-Templates in einem Kontrast-Checker und korrigiere sie.
  3. Ergänze drei Zeilen in deiner Posting-Checkliste: Alt-Text geschrieben, Text im Bild übertragen, Untertitel eingebrannt.
  4. Stell jedes gespeicherte Hashtag-Set auf CamelCase um. Das ist ein einmaliges Suchen-und-Ersetzen in dem Dokument, in dem du sie aufbewahrst.
  5. Lösch dein Lesezeichen zum Fancy-Font-Generator. Ersetz die Betonung durch Zeilenumbrüche.
  6. Mach einen Durchgang durch die Bildunterschriften der nächsten Woche geplanter Posts: Kernaussage in der ersten Zeile, Emojis am Ende, keine dekorativen Trennzeichen.

Sechs Schritte, die meisten davon einmalig — und das Ergebnis sind Inhalte, die ein spürbar größeres Publikum tatsächlich konsumieren kann, plus deutlich mehr indexierbarer Text an Posts, die du ohnehin veröffentlicht hättest. Arbeite die Checkliste einen Monat lang ab, und sie hört auf, eine Checkliste zu sein; sie wird einfach zu der Art, wie du postest.