Webdesignerin
Webdesignerin
Dipl. Wi. Infrom. Susanne Wollatz
ALT-Attribut
Das Alt-Attribut (alternativer Text) beschreibt den Inhalt eines Bildes auf einer Website. Es wird im HTML-Code hinterlegt und angezeigt, wenn ein Bild nicht geladen werden kann. Außerdem hilft es Suchmaschinen und Screenreadern, den Bildinhalt zu verstehen.
Das Alt-Attribut ist ein wichtiger Bestandteil barrierefreier und suchmaschinenfreundlicher Websites. Es gehört zum HTML-Tag eines Bildes (img) und liefert eine kurze, beschreibende Textalternative. Wenn das Bild z. B. aufgrund einer schlechten Internetverbindung nicht geladen wird, erscheint stattdessen dieser Text.
Noch wichtiger ist das Alt-Attribut für Menschen mit Sehbehinderung, die Screenreader nutzen. Diese Vorleseprogramme lesen den Alt-Text vor und machen so den Bildinhalt verständlich. Auch Suchmaschinen greifen auf diese Informationen zurück, um Bilder zu indexieren und deren Inhalt einzuordnen – ein Vorteil für die Bildersuche und die SEO-Optimierung einer Website.
Ein gutes Alt-Attribut beschreibt das Bild klar und präzise.
Beispiel:
Statt „Bild123.jpg“ sollte der Text etwa lauten: „Webdesignerin arbeitet am Laptop in einem modernen Büro“.
Das Alt-Attribut wird im HTML-Code so eingefügt:
<img src=“bild.jpg“ alt=“Beschreibung des Bildes“>
