Social Media Accessibility bezeichnet die Gestaltung von Social-Media-Inhalten so, dass sie für Menschen mit verschiedenen Einschränkungen – darunter Sehbehinderungen, Hörbehinderungen, kognitive Einschränkungen und motorische Beeinträchtigungen – vollständig wahrnehmbar, verständlich und nutzbar sind.
Rubrik: Online-Marketing & Content · Unterrubrik: Social Media Design · Niveau: Einsteiger Synonyme / Auch bekannt als: Barrierefreie Social Media Posts, Inklusives Design, Accessible Content
Was ist Social Media Accessibility?
Über 1 Milliarde Menschen weltweit leben mit einer Form von Behinderung – das entspricht ca. 15 % der Weltbevölkerung. Dazu kommen situative Einschränkungen, die jeden betreffen: schlechte Lichtverhältnisse, kein Ton in der U-Bahn, kleiner Smartphone-Bildschirm. Barrierefreie Social-Media-Inhalte erreichen mehr Menschen und signalisieren gesellschaftliche Verantwortung. In vielen Ländern werden Barrierefreiheitsanforderungen zudem gesetzlich verankert (z. B. EU-Accessibility-Act ab 2025 für bestimmte digitale Dienste).
Erklärung
Die wichtigsten Accessibility-Maßnahmen im Überblick:
1. Alt-Texte (Alternative Texte) für Bilder
Alt-Texte beschreiben Bildinhalt für Screenreader (Software für Sehbehinderte). Alle großen Social-Media-Plattformen unterstützen Alt-Texte:
- Instagram: Beim Posten > Erweiterte Einstellungen > Alternativtext schreiben. Auch nachträglich bearbeitbar.
- Twitter/X: Bild-Upload > „+ALT" klicken
- LinkedIn: Bild-Upload > „Alternativtext hinzufügen"
- Facebook: Automatische Alt-Texte via KI; manuelle Anpassung möglich
Gute Alt-Texte:
- Inhaltlich beschreiben, nicht „Bild von..." oder „Foto von..."
- Kontext mitgeben: Nicht „Frau sitzt am Computer", sondern „Marketing-Managerin analysiert Social-Media-Dashboard am Laptop in hellem Büro"
- Für Infografiken: Alle Daten als Text nennen (z. B. „Balkendiagramm: Instagram 42 %, TikTok 33 %, LinkedIn 25 %")
- Maximal 125 Zeichen auf Instagram (längere werden abgeschnitten), andere Plattformen erlauben mehr
2. Untertitel und Captions für Videos
- Videos mit automatischen oder manuellen Untertiteln ausstatten
- Relevanz für Gehörlose, Hörgeschädigte und alle, die ohne Ton konsumieren (ca. 80 %)
- Instagram Reels: Auto-Captions in den Video-Einstellungen aktivieren (unter dem Clip-Icon)
- TikTok: Auto-Captions im Creator-Tool aktivieren
- YouTube: Automatische Untertitel + manuelle Korrektur dringend empfohlen (KI-Fehler häufig)
- LinkedIn: Video-Upload ermöglicht SRT-Datei-Upload für professionelle Untertitel
3. Farbkontrast
WCAG 2.1 (Web Content Accessibility Guidelines) empfiehlt folgende Kontrastverhältnisse:
- Normaler Text: Kontrastverhältnis min. 4,5:1
- Großer Text (min. 18 pt / 14 pt fett): min. 3:1
- Nicht-Text-Elemente (Icons, Diagramme): min. 3:1
Tools zur Kontrastprüfung: WebAIM Contrast Checker (webaim.org/resources/contrastchecker), Adobe Color Accessibility-Modus, Figma Kontrastprüfung (A11y-Plugin).
Typische Probleme:
- Hellgrauer Text auf weißem Hintergrund
- Gelber Text auf weißem Hintergrund
- Roter Text auf grünem Hintergrund (Rot-Grün-Schwäche, betrifft 8 % der Männer)
4. Schriftgröße und Lesbarkeit
- Mindestens 14–16 pt für Fließtext in Grafiken
- Keine verschnörkelten, schwer lesbaren Schriften für Haupttext
- Kein Text über komplexe, kontrastarme Bilderbereiche legen
- Ausreichend Leerraum zwischen Textelementen
5. Emoji-Einsatz
Screenreader lesen Emojis vor – ein Emoji wird zu einem langen Satz: 🏠 wird z. B. zu „Haus" oder „House Building". Problematisch: Emojis als Aufzählungszeichen, mehrere Emojis hintereinander, Emojis innerhalb von Wörtern. Empfehlung: Emojis am Ende von Sätzen, nicht mehr als 2–3 pro Absatz, keine Emoji-Schlangen.
6. Blinkende oder schnell bewegte Animationen
Können bei Menschen mit Epilepsie oder Migräne Anfälle auslösen. WCAG-Richtlinie: Nichts mehr als 3× pro Sekunde blitzen lassen. Animationen mit Option zum Pausieren anbieten.
Beispiele
- Gutes Beispiel – Alt-Text: Infografik-Post auf LinkedIn mit Alt-Text: „Balkendiagramm zeigt Social-Media-Nutzung in Deutschland 2024: YouTube 72 %, Instagram 51 %, TikTok 38 % der 18–35-Jährigen."
- Gutes Beispiel – Kontrast: Dunkelblaue Schrift (#003366) auf weißem Hintergrund – Kontrastverhältnis >10:1, problemlos lesbar für alle.
- Schlechtes Beispiel: Weißer Text auf hellgelbem Hintergrund für eine Instagram-Story – unlesbar für Sehschwache und bei direktem Sonnenlicht.
- Best Practice – SRT-Untertitel: Professionell erstellte SRT-Datei auf YouTube hochladen statt nur Auto-Captions zu nutzen – korrekte Schreibweisen und Satzzeichen erhöhen Verständlichkeit.
- Best Practice – Emojis sparsam: Maximal 1–2 dekorative Emojis, nicht als einzige Bedeutungsträger nutzen – immer auch im Text erklären.
In der Praxis
Tools:
- WebAIM Contrast Checker: Kostenloser Online-Kontrast-Checker – webaim.org/resources/contrastchecker
- Adobe Color (Accessibility-Modus): Farbpaletten auf verschiedene Sehbehinderungen testen
- A11y Figma Plugin: Kontrast- und Accessibility-Prüfung direkt in Figma
- Rev.com: Professionelle Untertitel-Erstellung für Videos
- CapCut Auto-Captions: Schnelle automatische Untertitel für TikTok/Reels-Videos
Workflow-Tipps:
- Alt-Text-Schreiben zur festen Routine machen: Immer vor dem Posten ausfüllen
- Farben im Styleguide direkt mit Kontrastwert dokumentieren
- Schriften wählen, die nachweislich gute Lesbarkeit haben (z. B. Arial, Verdana, Atkinson Hyperlegible)
- Untertitel für alle Video-Content standardmäßig aktivieren
- Test-Strategie: Posts gelegentlich mit einem Screenreader (NVDA, Windows-Sprachausgabe) prüfen
Vergleich & Abgrenzung
Accessibility vs. Usability: Usability betrifft die allgemeine Benutzerfreundlichkeit. Accessibility fokussiert spezifisch auf die Nutzbarkeit für Menschen mit Einschränkungen. Gute Accessibility verbessert fast immer auch die allgemeine Usability. Social Media Accessibility vs. Web Accessibility: Web Accessibility ist durch WCAG-Standards definiert und rechtlich reguliert (BITV in Deutschland). Social Media Accessibility ist weniger formell geregelt, aber moralisch und zunehmend rechtlich relevant.
Häufige Fragen (FAQ)
Muss ich als kleines Unternehmen barrierefreie Social-Media-Posts erstellen? Rechtlich ist Social Media Accessibility für kleine Unternehmen in Deutschland derzeit nicht verpflichtend. Öffentliche Stellen und ab 2025 bestimmte Unternehmen unterliegen dem EU-Accessibility-Act. Unabhängig davon: Barrierefreie Posts erreichen mehr Menschen, erzielen oft bessere SEO-Werte (Alt-Texte werden von Google indexiert) und zeigen gesellschaftliche Verantwortung.
Wie schreibe ich gute Alt-Texte für Social-Media-Bilder? Beschreibe, was im Bild zu sehen ist, und füge relevanten Kontext hinzu. Bei Fotos: Person, Umgebung, Aktion. Bei Infografiken: alle dargestellten Daten und Kernaussagen im Text zusammenfassen. Technische Angaben wie „Foto von" oder „Bild mit" weglassen.
Weiterführend
- WebAIM: „Creating Accessible Social Media" – webaim.org (2025)
- WCAG 2.1 Richtlinien: w3.org/TR/WCAG21 (2023)
- Bundesfachstelle Barrierefreiheit: bundesfachstelle-barrierefreiheit.de (2025)
