Bei einem Blick in den Quelltext einer Webseite ist dir sicher schon einmal aufgefallen, dass sich im img-Tag eine Angabe à la

alt="Logo der Seite"

befindet. Dies ist ein sogenannter Alternativ-Text – daher auch die Abkürzung alt.

Obwohl ein Bild auch dann angezeigt wird, wenn kein Alternativ-Text angegeben wurde, ist dieser enorm wichtig und wird leider allzu oft vergessen oder schlicht als überflüssig angesehen.

Suchmaschinen

Suchmaschinen wie etwa Google oder Yahoo durchsuchen den Quelltext deiner Seite mit ihren Bots, um ihre Kataloge zu aktualisieren – allerdings können sie keine Bilder betrachten. Wenn du auf deiner Seite zum Beispiel die Überschriften als Grafiken eingebunden hast, wird ein Bot einer Suchmaschine lediglich sehen, dass sich dort irgendein Bild befindet – aber was darauf steht, kann er nicht erkennen und ignoriert es somit.
Damit dir so etwas nicht passiert, gibt es das alt-Attribut – mit dieser Umschreibung eines Bildes kann ein Bot nämlich etwas anfangen.

Der Text im alt-Attribut sollte möglichst aussagekräftig sein und das jeweilige Bild gut wiedergeben – besser als “Haus 1″ wäre zum Beispiel “Vorderansicht der Doppelhaushälfte in der Blahstraße 12″.
So finden die Suchmaschinen-Bots gleich die wichtigen Schlagwörter in der Bildbeschreibung – und diejenigen User, bei denen das Bild nicht angezeigt werden kann (dazu unten mehr), bekommn auch eine Vorstellung davon, was ihnen da gerade entgeht.

Bild weg – und dann?

Nicht jeder Besucher bekommt deine Seite so angezeigt, wie du sie siehst – es gibt zum Beispiel Menschen, die einen reinen Textbrowser nutzen, der überhaupt keine Bilder anzeigen kann. Oder das automatische Laden von Grafiken wurde deaktiviert, wenn nur eine langsame Internetverbindung zur Verfügung steht. Oder jemand ist sehbehindert und nutzt ein Vorlesegerät – in all diesen Fällen ist von deinem Bild nichts zu sehen.
Allerdings führt es oft zu Darstellungsfehlern oder Problemen beim Vorlesen, wenn du keine alt-Attribute angegeben hast – achte also darauf, dass du sie nicht vergisst.

XHTML

Waren alt-Attribute in HTML noch optional, sind sie für ein valides XHTML mittlerweile Pflicht.

der Code

Wenn du jetzt ganz begeistert von Alt-Attributen bist, aber nicht weißt, wie man diese definiert, hier der Code:

<img src="logo.jpg" alt="Logo der Website" />