Alt Attribute (alt tags) sind Alternative Texte, die zur Beschreibung der Inhalte von Nicht-Text-Elementen wie Bildern und Grafiken auf einer Webseite dienen. Dies ist vor allem dann nötig, wenn der User-Agent (zB Browser) keine Bilder unterstützt, die NutzerInnen das automatische Laden von Bildern deaktiviert haben oder für blinde UserInnen bei denen der Text in Brailleschrift umgewandelt wird. User-Agents sind Webbrowser, E-Mail-Programme, Newsreader sowie Robots von Suchmaschinen. Diese können mit den eigentlichen Bildern nichts anfangen, sie können jedoch den Alt Text in ihre Datenbank aufnehmen. Daher kann durch einen sinnvollen Alt Text die Positionierung in der Suchergebnisliste positiv beeinflusst werden.

Folgende Grafik zeigt, wie UserInnen Bilder sehen, wenn diese deaktiviert wurden oder von User-Agents nicht unterstützt werden.

Beispiel Verwendung von Alt Attributen

Sind keine Alt Texte verfügbar, dann muss der User-Agent auf eine andere Weise versuchen das Bild zu ersetzen wie zum Beispiel durch den Dateinamen oder den Platzhalter [INLINE]. Wird die Grafik nur zu Layout-Zwecken genutzt, dann ist es sinnvoll diese Bilder als „Bilder ohne inhaltliche Bedeutung“ zu markieren indem man Alt=“ “ im Sourcecode setzt.

Man kann neben den Alt Tags noch erweiterte Informationen für das <img> Element anwenden. Eine Möglichkeit wäre die Verwendung von Title Elementen. Diese liefern erklärende Informationen. Der Inhalt des Title Attributs wird dann als Quickinfo dargestellt.