Beitragsbild: KI-generiertDer WP AI Client: KI-Schnittstelle im WordPress-Core und was das für dich ändert
Seit WordPress 7.0 steckt eine KI-Schnittstelle im Kern. Was sie tut, was sie nicht tut und wo deine Zugangsdaten …
Webdesign & WordPress · 7 Minuten Lesezeit
Alt-Texte richtig schreiben: ein Text, drei Wirkungen
Der Alt-Text ist die kleinste Pflichtübung im Web und gleichzeitig die mit der größten Streuwirkung.
Paul BöstroInhaber der creativecouch, vom BAFA zugelassener Berater
Beitragsbild: KI-generiertDas Wichtigste in 30 Sekunden
- Frag dich bei jedem Bild, welche Information fehlen würde, wenn es nicht da wäre.
- Rein dekorative Bilder bekommen ein leeres alt-Attribut, ein fehlendes Attribut ist dagegen ein Fehler.
- Bei verlinkten Bildern dient der Alt-Text als Ankertext, deshalb prüfst du sie beim Aufräumen zuerst.
Dieser Beitrag zeigt an Beispielen, was hineingehört, wann ein Bild leer bleiben darf und warum Dateiname und Bildunterschrift dazugehören.
In jedem Audit, das ich mache, ist es derselbe Befund. Ein Teil der Bilder hat gar keinen Alt-Text, ein anderer Teil hat den Dateinamen als Alt-Text und der Rest hat eine Aneinanderreihung von Suchbegriffen.
Dabei ist die Regel selbst nicht kompliziert. Kompliziert wird es nur, weil drei verschiedene Anforderungen auf dasselbe Attribut zeigen.
Ich gehe sie einzeln durch und zeige dann, wie ein Text alle drei erfüllt. Das ist nämlich möglich und sogar der Normalfall.
Bild: KI-generiertWas die Norm verlangt
Das Erfolgskriterium 1.1.1 der WCAG 2.2 ist ein Kriterium der Stufe A, also der untersten. Es verlangt, dass jeder Nicht-Text-Inhalt, der dem Nutzer präsentiert wird, eine Textalternative hat, die denselben Zweck erfüllt1.
Der entscheidende Ausdruck ist "denselben Zweck". Nicht dieselbe Beschreibung, sondern derselbe Zweck. Ein Foto in einem Bericht hat einen anderen Zweck als dasselbe Foto als Schaltfläche.
Ausnahmen nennt das Kriterium ausdrücklich, unter anderem für rein dekorative Bilder. Die müssen so eingebunden sein, dass Hilfsmittel sie ignorieren können.
Was Google dazu sagt
Googles Dokumentation zu Bildern ist an dieser Stelle ungewohnt deutlich, Stand 2. März 2026. Das wichtigste Attribut, wenn es um zusätzliche Informationen zu einem Bild geht, sei der Alt-Text2.
Gleichzeitig warnt Google davor, alt-Attribute mit Suchbegriffen zu füllen. Das führe zu einer schlechten Nutzererfahrung. Als gutes Beispiel nennt die Dokumentation den knappen Satz "Dalmatian puppy playing fetch".
Auch zu Dateinamen steht dort etwas: kurz, aber beschreibend. Die Datei my-new-black-kitten.jpg sei besser als IMG00023.JPG. Und Bilder sollen in der Nähe des passenden Textes stehen.
Kernsatz
Welche Information würde fehlen, wenn das Bild nicht da wäre?
Bild: KI-generiertUnd die dritte Wirkung
Bei einem verlinkten Bild dient das alt-Attribut als Ankertext3. Das steht in Googles Dokumentation zu Links, Stand 10. Dezember 2025.
Damit wird aus einem Detail ein struktureller Punkt. Ein verlinktes Logo ohne Alt-Text ist ein Link ohne Aussage und eine Bildkachel, die auf eine Leistungsseite führt, verliert ohne Alt-Text ihre gesamte Beschreibung.
Dasselbe gilt für Bildkacheln in Übersichten. Wenn die Kachel das einzige klickbare Element ist, trägt ihr Alt-Text die gesamte Beschreibung des Ziels. Das betrifft Startseiten und Referenzübersichten besonders oft.
Ich prüfe in Projekten deshalb zuerst die verlinkten Bilder und danach die dekorativen. Die Reihenfolge spart Zeit, weil oben der größere Schaden sitzt.
Die einzige Frage, die du dir stellen musst
Sie lautet nicht "Was ist auf dem Bild zu sehen?". Sie lautet: Welche Information würde fehlen, wenn das Bild nicht da wäre?
Bei einem Produktfoto fehlt das Aussehen des Produkts. Bei einem Diagramm fehlt die Kernaussage der Daten. Bei einer verlinkten Kachel fehlt das Ziel des Links. Bei einem Hintergrundmuster fehlt nichts.
Diese eine Frage ersetzt die meisten Regelwerke. Sie führt automatisch dazu, dass dasselbe Bild an zwei Stellen zwei verschiedene Alt-Texte bekommt. Genau das ist richtig.
Beispiele, die den Unterschied zeigen
Ich nehme dasselbe Foto und setze es in drei verschiedene Zusammenhänge. Der Alt-Text ändert sich jedes Mal.
| Zusammenhang | Alt-Text |
|---|---|
| Foto im Beitrag über eine Sanierung | Neu verfugte Ziegelfassade eines Wohnhauses nach der Sanierung |
| dasselbe Foto als Link zur Referenzseite | Zur Referenz: Fassadensanierung Wohnhaus Wetzlar |
| dasselbe Foto als Deko im Seitenkopf | leer, also alt="" |
| Diagramm zur Kostenentwicklung | Balkendiagramm: Materialkosten steigen von 2023 bis 2026 um ein Drittel |
| Team-Foto im Beitrag | Zwei Mitarbeiterinnen der creativecouch bei der Arbeit am Entwurf |
Der dritte Fall ist der, der am meisten Diskussion auslöst. Ein leeres alt-Attribut ist kein Fehler, sondern die korrekte Umsetzung für rein dekorative Bilder. Ein fehlendes Attribut dagegen schon, weil manche Hilfsmittel dann den Dateinamen vorlesen.
Was nicht in den Alt-Text gehört
Drei Dinge sehe ich ständig und alle drei schaden.
- Der Einstieg "Bild von" oder "Grafik von". Hilfsmittel kündigen ein Bild bereits an, die Wiederholung ist reine Störung.
- Die Aneinanderreihung von Suchbegriffen. Google nennt das ausdrücklich als schlechte Nutzererfahrung.
- Der Dateiname. Ein automatisch übernommenes fassade-wetzlar-2026-final-v3 ist für niemanden eine Information.
Ein vierter Punkt ist seltener, aber hartnäckig: derselbe Alt-Text auf allen Bildern einer Seite, meist der Firmenname. Das erfüllt formal die Pflicht und liefert inhaltlich nichts. Für jemanden, der die Seite mit einem Screenreader durchgeht, ist es sogar schlechter als ein leeres Attribut, weil dreimal dieselbe Zeile vorgelesen wird.
Dazu kommt die Länge. Es gibt keine offizielle Obergrenze, aber ein Alt-Text, der über zwei Sätze geht, gehört meistens in die Bildunterschrift oder in den Fließtext.
Dein Fall ist anders
Dann schauen wir ihn uns im kostenlosen Erstgespräch an.
Dateiname und Bildunterschrift gehören dazu
Der Alt-Text ist der Teil, den man nicht sieht. Die Bildunterschrift ist der Teil, den alle sehen. Gerade beim Überfliegen bleibt der Blick oft an ihr hängen.
Deshalb behandle ich beide getrennt. Der Alt-Text beschreibt, was zu sehen ist, die Bildunterschrift ordnet ein, warum es hier steht. Dieselbe Formulierung an beiden Stellen ist eine verschenkte Gelegenheit.
Beim Dateinamen reicht Disziplin beim Hochladen. Wer die Datei vor dem Upload einmal sinnvoll benennt, hat den Punkt für immer erledigt und WordPress übernimmt den Namen dann auch als Vorschlag für den Titel.
Was das BFSG damit zu tun hat
Für die Betriebe, die unter das Barrierefreiheitsstärkungsgesetz fallen, ist der Alt-Text keine Kür. Die Textalternative gehört zu den Anforderungen, an denen sich Barrierefreiheit im Web zuerst entscheidet.
Ich formuliere das bewusst vorsichtig, weil die Rechtslage weniger eindeutig ist, als sie in vielen Angeboten dargestellt wird. Das Gesetz gilt, aber es gibt bis heute keine im Amtsblatt der EU zitierte harmonisierte Norm4, die eine Vermutungswirkung auslöst. Stand ist der 13. Oktober 2026.
Praktisch ändert das wenig. Wer sich an WCAG 2.2 auf Stufe AA hält, erfüllt den anerkannten Stand der Technik und das Erfolgskriterium 1.1.1 ist davon der einfachste Teil.
Was ich in der Praxis sehe: Fehlende Alt-Texte sind der am schnellsten prüfbare Mangel überhaupt. Ein automatisiertes Werkzeug findet sie in Sekunden und genau deshalb tauchen sie in Beschwerden regelmäßig auf.
Wie sich das Gesetz nach den ersten Monaten tatsächlich ausgewirkt hat, steht unter BFSG im Realitätscheck.
Warum automatische Alt-Texte nicht reichen
Es gibt inzwischen Werkzeuge, die Alt-Texte per KI erzeugen. Sie beschreiben zuverlässig, was auf einem Bild zu sehen ist.
Genau das ist das Problem. Die Beschreibung ist nicht die Aufgabe, der Zweck ist es. Ein Werkzeug weiß nicht, ob dieses Foto hier als Beleg, als Dekoration oder als Link steht.
Ich halte solche Werkzeuge trotzdem für sinnvoll, aber als Vorschlag und nicht als Ergebnis. Bei einem Bestand von tausend Bildern ist ein automatischer Erstentwurf, den ein Mensch durchgeht, deutlich besser als tausend leere Felder.
Bild: KI-generiertWie du den Bestand aufräumst
Der Aufwand ist einmalig, danach gehört es in den Arbeitsablauf beim Hochladen.
- Fang bei den verlinkten Bildern an. Logo, Teaserkacheln, Bildlinks in der Navigation.
- Geh dann die Beiträge durch, die tatsächlich Besucher haben. Nicht chronologisch, sondern nach Aufrufen.
- Setz bei allen rein dekorativen Bildern ein leeres alt-Attribut statt es wegzulassen.
- Prüf Diagramme und Screenshots besonders. Dort steckt die Information im Bild und nirgends sonst.
- Nimm den Alt-Text in deine Freigabe auf, so wie Überschrift und Meta-Angaben.
Wie Barrierefreiheit und Sichtbarkeit zusammenhängen, steht unter Barrierefreiheit und SEO. Die WordPress-Seite dazu findest du unter barrierefreie WordPress-Website.
Wenn du wissen willst, wie viele Bilder auf deiner Seite ohne Textalternative liegen, sehen wir uns das im kostenlosen Erstgespräch von dreißig Minuten an. Wie die creativecouch Webdesign und Barrierefreiheit zusammendenkt, steht auf der Leistungsseite, die Umsetzung besprechen wir in der Beratung.
Quellen
Hinweis zur Erstellung: Dieser Beitrag entstand mit Unterstützung von KI und wurde von Paul Böstro redaktionell geprüft.
Ich schaue mir deine Website an
Im kostenlosen Erstgespräch gehen wir sie gemeinsam durch und klären, wo sie Anfragen verliert.
So arbeite ich: Barrierefreie Website
Über den Autor
Paul Böstro
Ich führe die creativecouch in Butzbach und bin vom BAFA zugelassener Berater. Seit über zwölf Jahren entwickle ich Marken, Websites und digitale Strategien, heute vor allem für Sichtbarkeit bei Google und KI.
Über mich und die creativecouchRatgeber-Abo
Neue Beiträge per E-Mail
Zu jedem neuen Beitrag eine kurze Mail mit Titel, Kern und Link. Meist dienstags bis donnerstags, keine Werbung, abbestellen mit einem Klick.
Weiterlesen
Mehr zu SEO, GEO, KI und Webdesign.
- Beitragsbild: KI-generiert
Beitragsbild: KI-generiertWordPress 7.0 und 7.1 in der Praxis: Was wirklich hakt
Drei Sicherheitsupdates in knapp vier Wochen, eine offene Regression bei Classic Themes und ein erzwungener …
Beitragsbild: KI-generiertWebsite-Kosten bei einer Agentur: Ein Überblick
Erfahre, wie sich Website-Preise zusammensetzen und welche Leistungen den Unterschied machen.