Donk Tools

Alternativtext

Eingabe

0 Zeichen

Ergebnis

Beschreiben Sie Ihr Bild oben und klicken Sie auf Generieren, um Alternativtextvorschläge zu erhalten.

Beispiele

Guter vs. schlechter Alternativtext

GutSchlecht

Woman in red dress holding a coffee cup while sitting at a wooden desk with a laptop

Beschreibend, spezifisch, gibt Kontext. Bildschirmlesegeräte können ein klares Bild zeichnen.

image.jpg

Zu allgemein oder nur ein Dateiname. Bietet keinen Wert für Barrierefreiheit oder SEO.

Graph showing Q4 revenue growth of 34% with an upward trend line from October to December

Vermittelt die Datengeschichte. Benutzer erhalten die wichtigste Erkenntnis, auch ohne das Diagramm zu sehen.

chart.png

Nur die Dateierweiterung. Verfehlt den gesamten Zweck von Alternativtext für Datenvisualisierungen.

White and red sneakers on a wooden floor with natural sunlight streaming from a window

Schafft die Szene. E-Commerce-Produktbilder profitieren von kontextuellen Beschreibungen.

Photo of shoes

Vage und nicht hilfreich. Unterscheidet dieses Produkt nicht von anderen Schuhfotos.

Was ist Alternativtext?

Alternativtext (alt text) ist ein HTML-Attribut, das Bild-Tags hinzugefügt wird und den Bildinhalt beschreibt. Er wird von Bildschirmlesegeräten für sehbehinderte Benutzer vorgelesen und angezeigt, wenn ein Bild nicht geladen werden kann. Suchmaschinen verwenden Alternativtext auch, um Bildinhalte zu verstehen, was ihn zu einer wichtigen Praxis für Barrierefreiheit und SEO macht.

  • Halten Sie Alternativtext unter 125 Zeichen. Beschreiben Sie den Bildinhalt natürlich — stopfen Sie keine Schlüsselwörter hinein. Fügen Sie relevanten Kontext hinzu, wenn er der Seite Bedeutung verleiht. Dekorative Bilder sollten alt="" (leer) verwenden.