Prüfpunkt 1.1.1Stufe ABilder und Grafiken
Warum braucht jedes Bild auf der Website einen Alternativtext?
Jedes Bild braucht einen Alternativtext, weil blinde Menschen und Suchmaschinen den Bildinhalt nur über diesen Text erfassen können. Ein Vorleseprogramm liest den Alternativtext laut vor, Google zeigt Bilder mit gutem Alternativtext in der Bildersuche. Fehlt der Text, hört ein blinder Besucher nur den Dateinamen — etwa „DSC_0042.jpg“ — und versteht nichts.
Alternativtext: die Wortbeschreibung eines Bildes
Der Alternativtext ist ein kurzer Satz, der im Quelltext der Seite am Bild hängt. Besucher mit gesunden Augen sehen ihn nie. Ein blinder Besucher lässt sich die Seite von einem Vorleseprogramm ansagen — und an der Stelle des Bildes liest das Programm genau diesen Text vor. Ein Beispiel: Ihre Teamseite zeigt ein Foto der Geschäftsführerin. Mit dem Alternativtext „Porträt von Maria Huber, Geschäftsführerin“ weiß der Besucher, wen er vor sich hat. Ohne Text bleibt nur eine Lücke. Auch Google liest diesen Text und versteht so, was auf dem Bild zu sehen ist — das hilft Ihrer Sichtbarkeit in der Bildersuche.
So prüft unser Messkern die Alternativtexte
Die automatische Prüfung öffnet Ihre Seite in einem echten Browser und untersucht mit dem Prüfwerkzeug axe-core jedes einzelne Bild. Zusätzlich zählt unser eigener Prüfschritt alle Bilder, denen das alt-Attribut komplett fehlt — jedes davon ist ein nachgewiesener Verstoß, den der Bericht mit Dateinamen belegt. Ein bewusst leerer Alternativtext ist dagegen korrekt: So kennzeichnet man reine Schmuckbilder, die das Vorleseprogramm überspringen soll. Ob ein vorhandener Text auch inhaltlich passt, kann keine Maschine entscheiden — deshalb bestätigt die Automatik hier nie vorschnell ein „bestanden“. Beim Gold-Standard sieht sich ein Mensch die Bilder und ihre Texte an und fällt das Urteil.
Gute Alternativtexte schreiben
Ein guter Alternativtext beschreibt, was auf dem Bild zu sehen ist und wozu es auf dieser Seite dient — in einem Satz, ohne die Floskel „Bild von“. Für ein Produktfoto: „Schwarzer Bürostuhl mit Armlehnen, Seitenansicht“. Für ein verlinktes Logo zählt das Ziel des Links: „Zur Startseite“. Rein dekorative Bilder — Trennlinien, Hintergrundmuster — bekommen einen leeren Alternativtext, damit das Vorleseprogramm sie still übergeht. Dateinamen, Stichwortlisten oder Werbetexte gehören nie in den Alternativtext: Der Besucher hört jeden Buchstaben und verliert Zeit.
Beispiele
Foto mit Information
<img src="team-2026.jpg">
<img src="team-2026.jpg" alt="Bild">
<img src="team-2026.jpg" alt="DSC_0042.jpg"><img src="team-2026.jpg"
alt="Das Team von Beispiel GmbH vor dem Büro in Graz, sechs Personen">Der Alternativtext sagt, was das Bild zeigt, in einem Satz. Dateiname und das Wort „Bild“ sagen nichts.
Schmuckbild und verlinktes Bild
<img src="trenner.svg" alt="Trennlinie">
<a href="/"><img src="logo.svg"></a><img src="trenner.svg" alt="">
<a href="/"><img src="logo.svg" alt="Beispiel GmbH – zur Startseite"></a>Schmuck bekommt ein leeres alt, damit Vorleseprogramme es überspringen. Ein verlinktes Bild nennt das Ziel.
So gehen Sie es an
- Prüfen Sie Ihre wichtigsten Seiten: Hat jedes Bild einen Alternativtext, der den Inhalt in einem Satz beschreibt?
- Bitten Sie Ihre Agentur, Bilder ohne alt-Attribut aufzulisten und nachzupflegen.
- Kennzeichnen Sie Schmuckbilder mit einem leeren Alternativtext, damit Vorleseprogramme sie überspringen.
- Legen Sie in Ihrer Redaktion fest: Kein Bild geht ohne Alternativtext online.
- Lesen Sie Ihre Alternativtexte laut vor — versteht man die Seite auch ohne die Bilder, sind die Texte gut.
Weiter im Prüfbereich Barrierefreiheit
- Welche Alternative brauchen reine Audio- und Videodateien auf der Website?Reine Audiodateien brauchen eine Textabschrift, stumme Videos eine Beschreibung. So erreicht der Inhalt auch Menschen, die schlecht hören oder sehen.
- Warum brauchen Videos auf der Website Untertitel?Untertitel machen Videos für gehörlose Menschen verständlich — und für alle, die ohne Ton schauen. Unsere Prüfung testet, ob die Untertitel-Datei echt ist.
- Was ist eine Audiodeskription und wann braucht mein Video eine?Eine Audiodeskription beschreibt in Sprechpausen, was im Video zu sehen ist. Sie ist nötig, wenn wichtige Bildinhalte nicht im Ton vorkommen.
- Brauchen Live-Übertragungen auf der Website Untertitel?Ja — Live-Videos mit Ton brauchen Live-Untertitel, damit gehörlose Menschen folgen können. Das Urteil darüber fällt bei uns immer ein Mensch.
Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
Foto: bady qb, CC0
.jpg){kind=link}