ALT-Texte richtig schreiben

Titelbild des Klickkomplizen Blogbeitrags "ALT-Texte richtig schreiben".

Wer auf einer Website mit Bildern oder Videos arbeitet, kommt im Normalfall nicht um sie herum: Alternativtexte (ALT-Texte). Kurze Wiederholung, was ALT-Texte sind: Ein ALT-Text ist die Beschreibung eines Bildes oder eines Videos und macht die Bilder oder Videos sowohl für Menschen als auch für Suchmaschinen besser zugänglich.

ALT-Texte werden oftmals übersehen oder gar ignoriert, denn besonders bei vielen Bildern kann Schreiben schnell zu einer zeitraubenden Aufgabe werden.

Warum ALT-Texte jedoch so wichtig sind, haben wir euch in diesem Blogeintrag schon einmal genau beschrieben. Doch wie schreibt sich eigentlich der perfekte ALT-Text, sodass er nicht nur optimal fürs SEO ist, sondern sich auch von Screenreadern gut lesen lässt?

Wie lang sollten ALT-Texte sein?

Die Antwort lautet so kurz und prägnant wie möglich, ohne wesentliche Bestandteile des Bildes oder des Videos auszulassen. Der Text sollte nicht länger als 125 Zeichen sein und in ein bis zwei einfachen Sätzen geschrieben werden. Das heißt am besten lange Schachtelsätze vermeiden. Bei komplexen Bildern empfiehlt es sich, sich auf ein zentrales Element, was besonders für den Inhalt des Textes wichtig ist, zu konzentrieren.

Beispiel: Kaffee

Beispielbild für das Formulieren von ALT-Texten mit zwei Frauen, die Kaffee trinken und ein Selfie machen.
Zu kurz: Frauen mit Kaffee
Zu lang: Zwei lachende Frauen, die beide einen Hut tragen, sitzen im Außenbereich eines Cafés, haben jeweils eine Tasse Kaffee in der Hand und machen mit ihrem Smartphone Marke XX ein Selfie von sich.
Optimal: Zwei Frauen machen beim Kaffeetrinken ein Selfie.

Beispiel: Laptop

Beispielbild für das Formulieren von ALT-Texten mit einer Frau, die ein Passwort auf einem Laptop eingibt.
Zu kurz: Frau mit Laptop.
Zu lang: Eine Frau sitzt auf einem Sofa, während sie einen Laptop auf dem Schoß hat und auf der Benutzeranmeldung ein Passwort eintippt.
Optimal: Eine Frau tippt ein Passwort in ihrem Laptop ein.

Was sollte in die ALT-Texte geschrieben werden?

Wie bereits erwähnt, sollte der ALT-Text kurz und prägnant den Inhalt des Bildes beschreiben. Dabei ist jedoch auch der Kontext zu beachten. Beispielsweise kann bei einem Bild von einem Auto entweder das Auto bzw. dessen Marke und Aussehen von Bedeutung sein (z. B. bei einem Auto-Blog), oder wo das Auto gerade fährt (z. B. bei einem Reiseblog). Auch sollten wichtige Aktivitäten, die Personen auf einem Bild machen, nicht vergessen werden.

Außerdem ist es wichtig den Zweck des Bildes bzw. von Grafiken zu beachten. Dienen Grafiken wie Icons nur als Links zu weiteren Inhalten, so sollte dies auch im ALT-Text widergespiegelt werden, z. B. durch „öffnet Kontaktformular“.

Wichtig ist darüber hinaus auch auf die Grammatik zu achten, da Screenreader die ALT-Texte genauso vorlesen, wie sie geschrieben werden. Das heißt, auch hier gilt es auf Kommaregeln und eine korrekte Satzstruktur einzuhalten.

Keywords

Relevante Keywords sollten in den ALT-Texten vorkommen. Dennoch sollte man darauf achten, dass der Text Sinn ergibt, denn in erster Linie dienen die ALT-Texte immer noch dazu, Menschen mit beeinträchtigen Sehvermögen zu helfen, die Bilder oder Videos zu verstehen.

Was sollte man vermeiden?

Man sollte Formulierungen wie „Bild von …“ oder „Video, in dem … zu sehen ist.“ vermeiden. Auch Verschönerungen des ALT-Textes durch malerische Formulierungen sollten vermieden werden. Zudem ist es nicht nutzerfreundlich, wenn sich ALT-Text und Bildbeschreibung doppeln. In solchen Fällen empfiehlt es sich, den ALT-Text leer zu lassen, denn sonst wird der Text vom Screenreader doppelt vorgelesen.

Was tun, wenn es kein Feld für ALT-Texte gibt?

Fügt man Bilder oder Videos direkt im Text ein, so kann es sein, dass es kein extra Eingabefeld für einen ALT-Text gibt. Wechselt man aber auf die Quellcode-/Text-Ansicht, so kann man direkt im Tag den ALT-Text einfügen:

<img src=”Bildquelle.jpg” alt=”Alt-Text”>

Fazit

ALT-Texte machen Website nicht nur nutzerfreundlicher und tragen zur Barrierefreiheit bei, sie sind auch eine Möglichkeit, die Website in der organischen Suche von Google weiter nach vorn zu bringen.

Zu guter Letzt: Wer selbst einmal ausprobieren möchte, wie sich das Lesen von Websites mit einem Screenreader anfühlt, kann es ganz einfach selbst einmal ausprobieren. Bei Geräten mit einem Windowsbetriebssystem findet man den Screenreader beispielsweise unter Einstellungen → Barrierefreiheit → Sprachausgabe.

The following two tabs change content below.

Lena

Hello, ich bin Lena und seit September 2023 als Werkstudentin bei den Klickkomplizen dabei! Durch meinen eher praktisch orientierten Bachelor in Medientechnik, zähle ich eher zu den Macherinnen und bin deshalb begeisterte Content-Erstellerin, vor allem, wenn es ums Drehen und Schneiden von Reels geht.

Neueste Artikel von Lena (alle ansehen)

Das könnte dich auch interessieren: