ALT-Attribut – Definition des Begriffs, wie verwendet man es?

ALT (alternativer Text) ist ein Attribut, das in HTML-Tags verwendet werden sollte, wenn ein Bild angezeigt wird. Der Text, der das Bild beschreibt, sollte kurz und präzise sein. Die Verwendung des ALT-Attributs ist aus Gründen der Zugänglichkeit sehr wichtig. Blinde oder sehbehinderte Menschen können spezielle Browser verwenden, die den im ALT-Attribut enthaltenen Text lesen. Wenn das Bild auf der Seite nicht angezeigt wird (z. B. aufgrund eines Fehlers oder einer fehlenden Internetverbindung), wird der Text, der das Bild beschreibt, an seiner Stelle angezeigt.

Was ist das ALT-Attribut? Definition des Begriffs

Das ALT-Attribut soll blinden oder sehbehinderten Menschen helfen, den Inhalt einer Webseite zu lesen. Darüber hinaus kann der alternative Text von Suchmaschinen zur Indexierung von Webseiten verwendet werden. Daher ist es wichtig, dass das ALT-Attribut bei allen Bildern auf einer Website verwendet wird. Der alternative Text sollte kurz sein und den Inhalt des Bildes beschreiben.

Vermeiden Sie Wörter wie „Bild“, „Logo“ oder „Diagramm“. Denken Sie daran, das ALT-Attribut bei allen Bildern auf Ihrer Website zu verwenden, um blinden oder sehbehinderten Menschen das Lesen des Inhalts zu erleichtern und Suchmaschinen bei der Indexierung Ihrer Seiten zu helfen.

ALT-Attribut – Beispiele

Nachstehend finden Sie Beispiele für die Verwendung des ALT-Attributs:

<img src=“image.jpg“ alt=“Willkommen auf der Website“>.

<img src=“image.jpg“ alt=“Firmenlogo“>.

<img src=“image.jpg“ alt=“Produktfoto“>

ALT-ATTRIBUT – TIPPS ZUR VERWENDUNG

1 Das ALT-Attribut sollte nur für grafische Elemente verwendet werden, die für den Inhalt der Website relevant sind. Für dekorative Elemente wie Rahmen oder Trennlinien muss kein Alternativtext definiert werden.

(2) Der Alternativtext sollte kurz und präzise sein. Vermeiden Sie Sätze wie „hier klicken“, „Bild“, „Logo“ usw. Besser ist es, genau zu beschreiben, was die Grafik darstellt, z. B. „Willkommen auf der Website“, „Firmenlogo XYZ“, „Produktbild ABC123“.

(3) Denken Sie an blinde und sehbehinderte Menschen, die möglicherweise spezielle Webbrowser oder Software zum Lesen von Text vom Bildschirm (z. B. Screenreader) verwenden. Daher sollte der Alternativtext klar und verständlich sein.

(4) Für Elemente, die für den Inhalt der Seite nicht wesentlich sind, wie z. B. Schaltflächen, kann das Attribut ALT=““ verwendet werden. Dadurch weiß der Webbrowser, dass das Element nicht relevant ist und wird es sehbehinderten Menschen nicht anzeigen.