Alt-Texte (Alternativtexte) sind kurze Textbeschreibungen, die den Inhalt und Zweck eines Bildes auf einer Webseite erklären. Sie sind in den HTML-Code eingebettet und erscheinen, wenn das Bild nicht geladen werden kann oder wenn eine Bildschirmlesesoftware verwendet wird.
Bedeutung von Alt-Texten
Überbewertung aus SEO-Gründen
In der Vergangenheit wurde Alt-Text oft als ein wichtiger Faktor für die Suchmaschinenoptimierung (SEO) betrachtet. Es wurde empfohlen, Keywords in den Alt-Texten zu verwenden, um die Relevanz der Seite für bestimmte Suchanfragen zu erhöhen. Allerdings hat sich die Technologie weiterentwickelt, und Google hat erhebliche Fortschritte bei der Erkennung und Interpretation von Bildern gemacht.
Daher ist es heute grundsätzlich nicht mehr erforderlich, Alternativtexte für Bilder aus SEO-Gründen zu definieren. Lediglich für Kontext-relevante Bilder, die zusätzliche Informationen vermitteln, wie z. B. Infografiken, Graphen, Visualisierungen von Zusammenhängen sollte man Alternativtexte zur Barrierefreiheit definieren.
Hintergrund
Dank fortschrittlicher Technologien wie Google Lens und der kontinuierlichen Verbesserung durch reCaptcha kann Google Bilder inzwischen sehr gut selbst erkennen und interpretieren.

Trotz der verbesserten Bilderkennung durch Suchmaschinen bleiben Alt-Texte ein wesentliches Element für die Barrierefreiheit im Web. Sie helfen Nutzern mit Sehbehinderungen, den Inhalt von Bildern zu verstehen, indem sie von Screenreadern vorgelesen werden.
Umgekehrt stören irrelevante Alternativtexte den Hörfluss bei Screenreadern. Daher sollten Alternativtexte zur Barrierefreiheit nur dort eingesetzt werden, wo diese einen Mehrwert darstellen und eben nicht stören. Hier gibt‘s mehr Informationen zu barrierefreien Websites.
Erstellung von Alt-Texten
Wann Alt-Texte verwendet werden sollten
Erklärende Bilder
Für alle Bilder, die nicht allein durch den Text auf der Seite erklärt werden können.
Nicht-dekorative Bilder
Bilder, die nicht rein dekorativ sind und eine Informationsfunktion erfüllen.
Wann Alt-Texte nicht benötigt werden
Dekorative Bilder
Schmuckbilder, die keine zusätzliche Information liefern und nur zur Verschönerung der Seite dienen.
Gestaltung von Alt-Texten
Beschreibend und prägnant
Alt-Texte sollten den Inhalt und die Funktion des Bildes klar und verständlich beschreiben.
Keine Keyword-Optimierung
Im Gegensatz zur früheren SEO-Praxis sollten Alt-Texte nicht künstlich mit Keywords überladen werden. Der Fokus sollte auf einer natürlichen und sinnvollen Beschreibung liegen.
Beispiel für einen guten Alt-Text

„`html
<img src=“beispielbild.jpg“ alt=“Ein roter Apfel auf einem Holztisch“>
„`
Schlechter Alt-Text

„`html
<img src=“beispielbild.jpg“ alt=“Apfel Frucht Lebensmittel roter Apfel“>
„`
Zusammenfassung
Alt-Texte sind ein wichtiger Bestandteil der Barrierefreiheit im Web und sollten aus diesem Grund nicht vernachlässigt werden. Während ihre Bedeutung für SEO abgenommen hat, bleibt ihre Rolle für die Benutzererfahrung, insbesondere für Menschen mit Behinderungen, unverändert wichtig. Eine gute Praxis ist es, Alt-Texte beschreibend und prägnant zu halten, ohne sie mit Keywords zu überladen.
Weitere Informationen zur Gestaltung von barrierefreien Websites und der Anwendung von Alt-Texten findest du auf Websei.de.