Was ist ein Alt-Tag (Alt-Attribut)?

Ein Alt-Tag, korrekt als Alt-Attribut bezeichnet, ist ein HTML-Attribut, das Bildern im Quellcode einer Webseite hinzugefügt wird. Die Abkürzung Alt steht für alternativer Text. Es handelt sich also um eine textuelle Beschreibung eines Bildes, die angezeigt wird, wenn das Bild selbst nicht geladen werden kann.

Das Alt-Attribut erfüllt gleich drei wichtige Aufgaben:
 

1. Barrierefreiheit: Sehbehinderte Nutzer verwenden Screenreader, um Webseiten zu hören. Diese Software liest den Alt-Text vor, da sie Bilder nicht visuell interpretieren kann. Ein aussagekräftiger Alt-Text macht Webseiten damit für alle Menschen zugänglich.
    
2. Suchmaschinenoptimierung (SEO): Suchmaschinen wie Google können Bilder nicht wirklich sehen. Sie lesen stattdessen den Alt-Text, um den Inhalt eines Bildes zu verstehen und es in den Bildersuchergebnissen zu indexieren. Ein gut formuliertes Alt-Attribut mit relevantem Keyword kann die Sichtbarkeit einer Seite im Ranking positiv beeinflussen.
    
3. Fallback bei Ladefehlern: Wenn ein Bild aufgrund einer schlechten Verbindung oder eines defekten Pfades nicht geladen werden kann, zeigt der Browser den Alt-Text an seiner Stelle an. Nutzer verstehen so dennoch, welches Bild gemeint war.

Ein guter Alt-Text beschreibt das Bild präzise und knapp, idealerweise in einem Satz. Er sollte relevante Keywords enthalten, aber nicht künstlich mit ihnen überladen werden (Keyword-Stuffing). Rein dekorative Bilder, die keinen inhaltlichen Mehrwert bieten, erhalten ein leeres Alt-Attribut (alt=""), damit Screenreader sie überspringen.