Titel und Alt-Attribute helfen sowohl Nutzern als auch Suchmaschinen, besser zu verstehen, was das Bild darstellt.
Attribut altZweck: Der Hauptzweck des Attributs alt (alternativer Text) ist die Zugänglichkeit. Es wird verwendet, damit sehbehinderte Benutzer mit Hilfe von Bildschirmlesegeräten verstehen können, was auf dem Bild angezeigt wird. Dieser Text wird auch angezeigt, wenn das Bild nicht geladen werden kann.
Beispiele:
<img src="product.jpg" alt="Klassische Ledertasche in Schwarz"><img src="icon.png" alt="Symbol für Einstellungen"><img src="beach.jpg" alt="Sandstrand mit Palmen und Meer bei Sonnenuntergang">Empfehlungen:
AttributtitleZweck: Das Attribut title liefert zusätzliche Informationen über das Bild, wenn der Mauszeiger über das Bild bewegt wird. Dies ist optional, kann aber Kontext oder zusätzliche Informationen hinzufügen.
Beispiele:
<img src="product.jpg" alt="Klassische Ledertasche in Schwarz" title="Diese Tasche ist aus hochwertigem Leder gefertigt und eignet sich ideal für Geschäftstreffen"><img src="icon.png" alt="Symbol für Einstellungen" title="Kontoeinstellungen"><img src="beach.jpg" alt="Sandstrand mit Palmen und Meer bei Sonnenuntergang" title="Ein Foto von einem beliebten Touristenort">
<img decoding="async" src="https://foxtype.eu/wp-content/uploads/2024/08/placeholder-2.png"
alt="Spektakulärer Blick auf einen Bergsee mit Gletscherspitzen"
title="Dieses Foto wurde beim Wandern in den Bergen im August 2024 aufgenommen.">
