Alt-Text
Der Alt-Text ist ein kurzer Text, der einem Bild auf einer HTML-Seite zugeordnet wird und als alternative Darstellung des Bildes verwendet wird, wenn dieses aus irgendwelchen Gründen nicht angezeigt werden kann. Der Alt-Text kann die Lücke, die ein fehlendes Bild auf einer Webseite hinterlässt, teilweise schließen. Über den Alt-Text ist es aber auch möglich, ein Bild mit bestimmten Stichworten zu verknüpfen, denn der Text wird als Attribut innerhalb des Img-Tags gesetzt und kann daher von eine Suchmaschine eindeutig dem Bild zugeordnet werden. Wie in anderen Bereichen auch können reine Keyword-Sammlungen natürlich auch beim Alt-Text negativ wirken.
Ein Alt-Text kann aus vielen verschiedenen Gründen von Bedeutung sein. Das Laden eines Bildes kann durch Netzwerk- oder Serverprobleme verhindert werden, das Anzeigen von Bildern kann per Software (im Browser) unterdrückt werden, die Seite kann von einem Menschen mit Sehbehinderung besucht werden, der sich den Inhalt von einem Programm vorlesen lässt und schließlich lesen die Web-Crawler der Suchmaschinenbetreiber den HTML-Text der Webseite und damit zwangsläufig auch den Alt-Text - das heißt zwar nicht unbedingt, dass sie diesen Text auch auswerten. Allerdings können Sie das leicht überprüfen, indem Sie einen bekannten Alt-Text eines Bildes als Suchtext eingeben, am besten für eine Bildersuche. Wenn Sie ein Beispiel wählen in dem der entsprechende Text nur als Alt-Text und sonst nirgends auf der Webseite vorkommt, finden Sie beim Marktführer im Bereich Suchmaschinen das Bild in der Ergebnisliste und haben damit den Beweis, dass dieser den Alt-Text von Bildern auswertet.
Einen Alt-Text definieren Sie, indem Sie in einem Img-Tag ein Alt-Attribut der Form alt="Alternativer Text" schreiben, also zum Beispiel ?img src="/mein%20sch%C3%B6nes%20Bild.jpg" alt="Schönes Bild von mir" /?. Kann "mein schönes Bild" nicht angezeigt werden, dann erscheint stattdessen der Text "Schönes Bild von mir" auf der Webseite. Wenn ein Bild aber keinen wirklichen Inhalt bietet, wie zum Beispiel eine reine Schmuckgrafik, die nur ein Muster zeigt, dann sollte der Alt-Text auch leer definiert werden, also alt="". Andernfalls irritiert der Text, wenn er zur Anzeige kommt oder von einem Screen-Reader vorgelesen wird.
Der Alt-Text wird nicht von allen Browsern gleich interpretiert. Auch hier verhält sich der Internet-Explorer wenig standardkonform und zeigt den Alt-Text als Tooltip an, wenn dieser nicht gesetzt ist. Um trotzdem einen Alt-Text einsetzen zu können, wenn kein Tooltip angezeigt werden soll, gibt es aber eine einfache Abhilfe. Definieren Sie einfach ein leeres Title-Attribut für den Img-Tag, also title="".
