Nicht jeder Besucher sieht Ihre Bilder. Screenreader lesen Alt-Texte vor, und wenn eine Grafik nicht geladen werden kann, erscheint der hinterlegte Text an ihrer Stelle. Ein präziser Alt-Text entscheidet deshalb mit darüber, ob Inhalte verstanden werden, ob Bilder zur Auffindbarkeit beitragen und ob Ihre Website sauber strukturiert ist. Dieser Leitfaden zeigt Ihnen, welche Regeln gelten, wie gute Formulierungen aussehen und wie Sie Alt-Texte vor der Veröffentlichung prüfen.
Warum Alt-Texte mehr sind als ein Pflichtfeld
Der Alt-Text ist die Textalternative, die im HTML-Attribut alt hinterlegt wird. Er wird angezeigt, wenn ein Bild nicht geladen werden kann, und von Screenreadern vorgelesen. Damit erfüllt er zwei Aufgaben: Er beschreibt den Inhalt für Menschen, die das Bild nicht sehen können, und er liefert Suchmaschinen eine eindeutige Information über die Aussage der Abbildung.
Viele Redaktionen füllen das Feld nur aus, weil das System es verlangt. Das Ergebnis sind Dateinamen wie IMG_4821 oder Begriffe wie Bild. Wer Alt-Texte als Teil der Inhaltsplanung versteht, klärt vorher die Botschaft jeder Abbildung. Fragen zur Bildauswahl und Nutzungsrechten behandelt der Beitrag Bildmaterial für Web und Print: Auswahl, Rechte, Checkliste. Hier geht es ausschließlich um die Beschreibung.
Die Grundregeln für präzise Alt-Texte
Bevor Sie einzelne Formulierungen prüfen, sollten Sie diese Grundregeln verinnerlichen:
- Beschreiben Sie, was für den Inhalt der Seite relevant ist, nicht jedes Detail.
- Formulieren Sie kurz und sachlich. Als Richtwert genügt meist ein knapper Satz.
- Verzichten Sie auf Floskeln wie »Bild von« oder »Foto«, sofern die Bildart selbst keine Information ist.
- Wiederholen Sie den angrenzenden Fließtext nicht, sondern ergänzen Sie ihn.
- Setzen Sie Suchbegriffe nur dort ein, wo sie die Abbildung tatsächlich beschreiben.
Informative Bilder richtig beschreiben
Ein informatives Bild vermittelt eine Aussage, die auch ohne Grafik verständlich sein muss. Bei einem Diagramm nennen Sie Art und zentrale Aussage, etwa: »Umsatzentwicklung der letzten drei Jahre: Der Wert steigt seit dem zweiten Halbjahr kontinuierlich an.« Die Detailwerte gehören dann in den Fließtext oder in eine Tabelle, nicht in den Alt-Text.
Dekorative Bilder bewusst kennzeichnen
Rein dekorative Elemente wie Trennlinien-Grafiken oder Hintergrundmotive transportieren keine Information. Für sie ist ein leeres Attribut (alt="") sinnvoll, damit Hilfsprogramme sie überspringen. Fehlt das Attribut vollständig, liest ein Screenreader häufig den Dateinamen vor. Prüfen Sie daher im Redaktionssystem oder im Quelltext, ob dekorative Bilder tatsächlich leer ausgezeichnet sind.
Gute und schlechte Formulierungen im Vergleich
Der Unterschied zwischen einem hilfreichen und einem wertlosen Alt-Text liegt oft in wenigen Wörtern. Typische Muster sehen so aus:
- Schlecht: »IMG_2041.jpg«. Besser: »Teamleitung der Kundenberatung in der Projektbesprechung.«
- Schlecht: »Produkt«. Besser: »Edelstahl-Trinkflasche in Mattschwarz mit Schraubdeckel.«
- Schlecht: »Grafik Prozess«. Besser: »Vierstufiger Ablauf von der Anfrage bis zur Auslieferung, jede Stufe mit einem Symbol.«
Gute Alt-Texte lassen sich auch ohne die Seite lesen. Wer nur den Text hört, sollte verstehen, was das Bild aussagt und warum es an dieser Stelle steht. Wenn Sie Bildbeschreibungen mit Seitentiteln abstimmen möchten, bietet der Beitrag Meta-Titel und Meta-Description: Typische Fehler und Checkliste passende Kriterien für die Textebene.
Prüfschritte vor der Veröffentlichung
Eine Prüfung lässt sich in fünf Schritten strukturieren. Sie eignet sich für neue Seiten ebenso wie für Bestandsinhalte:
- Bestandsaufnahme: Erfassen Sie alle Bilder einer Seite, auch Logos und Icons.
- Funktion klären: Ordnen Sie jedes Bild als informativ, dekorativ oder funktional ein. Bilder mit Linkfunktion beschreiben das Ziel oder die Aktion.
- Beschreibung prüfen: Lesen Sie den Alt-Text ohne Bild und fragen Sie, ob die Aussage vollständig ist.
- Technik kontrollieren: Prüfen Sie den Quelltext auf fehlende Attribute oder testen Sie mit einem Screenreader.
- Nach dem Start wiederholen: Neue Bilder sollten bereits bei der Veröffentlichung geprüft werden, nicht erst bei der nächsten Abnahme.
Plant Sie einen Relaunch, lohnt es sich, diese Prüfung in die Abnahme zu integrieren, zum Beispiel zusammen mit dem 15-Punkte-Check vor dem Relaunch. So werden Alt-Texte nicht übersehen, wenn Inhalte bereits in neuer Struktur stehen.
Häufig gestellte Fragen
Wie lang sollte ein Alt-Text sein?
Eine feste Zeichenzahl gibt es nicht. Maßgeblich ist, dass der Text die Bildaussage vollständig und knapp wiedergibt. Bei einfachen Symbolen reichen wenige Wörter. Bei komplexen Grafiken, etwa Diagrammen, nennen Sie im Alt-Text die zentrale Aussage und erläutern die Details im Fließtext oder in einer Tabelle. So bleibt der Alt-Text lesbar, und die Informationen gehen nicht verloren.
Muss jedes Bild einen Alt-Text haben?
Jedes Bild erfordert eine bewusste Entscheidung. Informative Bilder erhalten eine Beschreibung, dekorative Bilder ein leeres Alt-Attribut. Dient ein Bild als Link oder Schaltfläche, beschreibt der Alt-Text die Funktion, also das Ziel oder die Aktion. Legen Sie daher zuerst fest, welche Aufgabe das Bild auf der Seite hat, und formulieren Sie erst danach.
Sollten Suchbegriffe im Alt-Text stehen?
Suchbegriffe können dort passen, wo sie den Bildinhalt tatsächlich beschreiben. Ein Alt-Text ist jedoch keine Keyword-Liste. Eine Formulierung, die natürlich klingt, ist wertvoller als eine Aufzählung von Begriffen. Suchmaschinen setzen Bild, Seiteninhalt und Text in Beziehung. Eine Garantie für bessere Platzierungen ergibt sich daraus allerdings nicht.
Wie prüfe ich bestehende Alt-Texte ohne Programmierkenntnisse?
Öffnen Sie die Seite und vergleichen Sie jedes Bild mit seinem Alt-Text. Fehlt eine wichtige Information, ist der Text irreführend oder handelt es sich nur um einen Dateinamen? In vielen Content-Management-Systemen lässt sich das Feld im Mediendialog einsehen. Bei umfangreichen Websites ist eine technische Prüfung sinnvoll, die fehlende Attribute automatisch auflistet.
Alt-Texte als Teil Ihrer Website-Strategie
Wenn Sie Bildbeschreibungen, Seitentexte und Struktur gemeinsam prüfen möchten, begleiten wir Sie von der Bestandsaufnahme bis zur Umsetzung. Sprechen Sie uns an, wir klären Ihren Bedarf in einem Gespräch.