Was bedeutet „Alt‑Text“?
Alt‑Text (Alternativtext) ist eine kurze, aussagekräftige Text‑Beschreibung eines Bildes im HTML‑Element <img> anhand des Attributs alt="". Sie dient dazu, dass Personen, die Bilder nicht sehen können (z. B. mit Screenreader), den Inhalt oder Zweck des Bildes verstehen können — und auch Suchmaschinen den Kontext erkennen.
Warum ist Alt‑Text bei Websites wichtig?
- Barrierefreiheit: Alt‑Text ermöglicht Menschen mit Sehbehinderungen, die Bedeutung eines Bildes zu erfassen. Ohne Alt‑Text kann ein Screenreader‑Nutzer manchmal nur hören „Grafik“ oder liest die Dateiname‑Angabe – das ist verwirrend.
- SEO & Indexierung: Suchmaschinen nutzen Alt‑Text, um Bilder und ihre Bedeutung im Seitenkontext besser einzuordnen. Dadurch können Bilder in der Bildsuche besser erscheinen.
- Fallback bei Anzeigeproblemen: Wenn das Bild wegen Verbindung oder Fehler nicht geladen wird, zeigt der Alt‑Text zumindest eine Beschreibung, statt nur ein fehlendes Bildsymbol.
Was sollte man beim Schreiben eines Alt‑Texts beachten?
- Gib eine knappe Beschreibung, die den Zweck oder Inhalt des Bildes erklärt, nicht lediglich „Bild von …“.
- Vermeide Phrasen wie „Bild von/Foto von“, da Screenreader bereits sagen, dass es eine Grafik ist.
- Wenn das Bild rein dekorativ ist und keinen Informationswert hat (z. B. Hintergrundgrafik ohne Bedeutung), nutze
alt=""damit Screenreader es überspringen. - Verwende den Alt‑Text im Kontext: Was zeigt das Bild im Rahmen der Seite? Welche Information vermittelt es im Zusammenhang mit dem Text?
- Keyword‑Stuffing ist keine gute Idee: Zwar kann ein relevantes Keyword sinnvoll sein, aber nicht auf Kosten der Verständlichkeit oder natürliche Beschreibung.
Nutze den Alt-Text als “Karte” für alle Nutzer, die dein Bild nicht ohne Einschränkung sehen können
Wenn du deine Website pflegst, denk an Alt‑Text nicht nur als „technisches Accessoire“, sondern als Karte für alle Nutzer, die dein Bild nicht normal sehen können – und als Signal an Suchmaschinen und neue Systeme (z. B. KI‑Antwortsysteme), was dieses Bild bedeutet. Kurz gesagt: Ein gut gewählter Alt‑Text erhöht nicht nur die Zugänglichkeit, sondern kann auch helfen, dass deine Inhalte von Bild‑ und Antwortsystemen verstanden und genutzt werden.
Zum Beispiel: Wenn du eine Infografik auf deiner Website hast, die ein wichtiges Thema visualisiert – ein Satz im Alt‑Text wie „Infografik: Wachstum der Online‑Verkäufe in Deutschland 2025 im Vergleich zu 2024“ liefert sowohl Screenreader‑Nutzer als auch Suchmaschinen und KI‑Systemen unmittelbare Kontext‑Information – und kann damit deine Sichtbarkeit steigern.