Alt-Text richtig schreiben: Die 12-Punkte-Checkliste für barrierefreie und SEO-optimierte Bilder in TYPO3

Checkliste für barrierefreie und SEO-optimierte Alt-Texte

Ein korrekt gesetzter Alt-Text (Alternativtext) ist mehr als nur ein kleiner Zusatz – er ist ein zentraler Bestandteil jeder modernen Website. Alt-Texte sorgen für digitale Barrierefreiheit, verbessern die Suchmaschinenoptimierung (SEO) und helfen Nutzer:innen, Inhalte besser zu verstehen. Mit dieser kompakten 12-Punkte-Checkliste stellen Sie sicher, dass Ihre Bildbeschreibungen sowohl technisch korrekt als auch inhaltlich relevant sind.

Checkliste für Alt-Texte: So machen Sie Bilder barrierefrei und SEO-tauglich

  1. Bildtyp nennen
    Geben Sie an, ob es sich um ein Foto, eine Grafik, ein Diagramm oder eine Illustration handelt – das schafft Orientierung.
  2. Inhalt präzise beschreiben
    Was ist zu sehen? Fassen Sie den Bildinhalt in wenigen Worten zusammen. Vermeiden Sie Interpretationen oder unnötige Details.
  3. Funktion statt Aussehen beschreiben
    Handelt es sich um ein Icon, Logo oder einen Button, beschreiben Sie dessen Funktion, z. B. „Zur Startseite" statt „grünes Haus-Symbol".
  4. Wesentliche Informationen vermitteln
    Der Alt-Text sollte den wichtigsten Kontext des Bildes widerspiegeln – besonders, wenn er eine inhaltliche Rolle im Text spielt.
  5. Kurz & lesbar halten
    Ideal sind 1–2 Sätze mit maximal 150 Zeichen – das schont die Aufmerksamkeit der Screenreader-Nutzer:innen.
  6. Objektiv bleiben
    Vermeiden Sie persönliche Meinungen oder Emotionen („schönes Bild"), sondern bleiben Sie sachlich.
  7. Texte im Bild erfassen
    Enthält das Bild Text, geben Sie ihn vollständig im Alt-Text wieder – z. B. bei Bannern, Buttons oder Grafiken mit Zahlenwerten.
  8. Dekorative Bilder korrekt kennzeichnen
    Wenn ein Bild keine Informationen übermittelt, setzen Sie alt="" oder nutzen Sie es als CSS-Hintergrund – so wird es von Screenreadern ignoriert.
  9. Komplexe Bilder vereinfachen
    Bei Schaubildern, Statistiken oder Infografiken reicht eine Zusammenfassung mit Kernaussage: „Diagramm zeigt Anstieg der Nutzerzahlen von 2019 bis 2024".
  10. Longdesc für ausführliche Erklärungen nutzen
    Bei besonders komplexen Inhalten können Sie das longdesc-Attribut verwenden oder auf eine ausführliche Beschreibung verlinken.
  11. Barrierefreiheit gewährleisten
    Denken Sie an die Nutzer:innen von Screenreadern. Ist die Beschreibung verständlich, logisch und hilfreich für Menschen mit Sehbehinderung?
  12. Alt-Text für SEO nutzen
    Platzieren Sie – sofern sinnvoll – relevante Keywords im Alt-Text. Aber: Qualität geht vor Keyword-Stuffing!

Fazit: Gute Alt-Texte nützen allen

Alt-Texte verbinden Barrierefreiheit mit Suchmaschinenoptimierung. Sie helfen Menschen mit Behinderung, Inhalte wahrzunehmen, und signalisieren Suchmaschinen, worum es geht. Die beste Praxis: Schreiben Sie jeden Alt-Text so, als müssten Sie jemandem das Bild am Telefon beschreiben – klar, prägnant und kontextbezogen.

Jetzt anwenden: Integrieren Sie diese Checkliste in Ihren TYPO3 Redaktionsprozess – oder verwenden Sie ALT-Tags pro für TYPO3 für eine automatische Erstellung der Alt-Texte. So wird Ihre Website nicht nur besser gefunden, sondern auch für alle zugänglich.

Alle Blogartikel