Alt-Text (Alt-Attribut)
Der Alt-Text (alternativer Text im alt-Attribut) ist die Textbeschreibung eines Bildes im HTML, die Screenreader vorlesen und Suchmaschinen auslesen. Er erklärt, was auf dem Bild zu sehen ist, wenn das Bild selbst nicht angezeigt oder nicht gesehen werden kann.
Für dich als Webdesigner ist der Alt-Text ein doppelter Hebel im Verkaufsgespräch: Er ist Pflichtdetail für die Barrierefreiheit und gleichzeitig der direkteste SEO-Vorteil bei Bildern. Seit dem Barrierefreiheitsstärkungsgesetz (BFSG) am 28. Juni 2025 müssen viele gewerbliche Websites in Deutschland barrierefrei sein, und fehlende Alt-Texte gelten als der mit Abstand häufigste Verstoß. Wenn du die alte Website eines potenziellen Kunden anschaust und über die halben Bilder keinen oder einen leeren Alt-Text findest, hast du ein konkretes, prüfbares Argument in der Hand, kein Bauchgefühl. Google selbst nennt den Alt-Text das wichtigste Metadaten-Attribut für Bilder, also auch die Eintrittskarte in die Bildersuche, über die lokale Anbieter zusätzlichen Traffic holen.
Im Kunden-Projekt heißt gute Praxis: knapp formulieren (Richtwert unter 125 Zeichen), den Bildinhalt im Kontext der Seite beschreiben und auf Floskeln wie „Bild von“ oder „Foto zeigt“ verzichten, weil der Screenreader ohnehin ansagt, dass es ein Bild ist. Rein dekorative Bilder bekommen ein bewusst leeres alt-Attribut, damit Screenreader sie überspringen statt den Nutzer mit Dateinamen zu nerven. Übertreib es nicht mit Keywords: Stopf nicht jedes Suchwort hinein, sonst kippt der Text von hilfreich zu Spam und schadet Vertrauen wie Ranking. Bei Bildern, die als Link oder Button dienen, beschreibst du die Aktion, nicht das Symbol.