Alt-Texte mit KI schreiben: Bilder verständlich beschreiben

Das Problem

Frau Müller pflegt die Website eines kleinen Pflegebetriebs. Auf jeder Seite sind Fotos: das Team, das Haus, ein Spaziergang im Garten. Sie hat gelesen, dass Bilder einen «Alt-Text» brauchen, und weiss nicht genau, was das ist und was sie dort schreiben soll.

Ein Alt-Text (Alternativtext) ist ein kurzer Text, der hinter einem Bild hinterlegt ist. Menschen mit Sehbehinderung nutzen Programme, die Webseiten vorlesen (Screenreader). Bei einem Bild ohne Alt-Text hören sie bestenfalls «Grafik» oder einen Dateinamen wie «IMG_4837». Damit fehlt ihnen ein Teil der Seite. Der Alt-Text erscheint auch, wenn ein Bild nicht lädt, und er hilft Suchmaschinen beim Verstehen.

Viele Websites haben keine oder schlechte Alt-Texte, weil das Schreiben mühsam ist. Eine KI kann Entwürfe liefern, auch für viele Bilder auf einmal. Aber sie sieht nur das Bild, nicht den Zusammenhang auf Ihrer Seite, und sie kann sich irren. Gute Alt-Texte brauchen deshalb Ihr Urteil.

So lösen Sie es mit KI – Schritt für Schritt

1. Bilder erfassen. Machen Sie eine Liste der Bilder auf Ihrer Website mit Ort und Zweck. Beginnen Sie mit den wichtigsten Seiten.

1. Zweck jedes Bildes klären. Fragen Sie: Warum steht das Bild hier? Gibt es Information (zum Beispiel ein Diagramm oder Produktfoto), dient es der Stimmung (Dekoration) oder führt es zu einer Handlung (Bild als Link)? Der Zweck bestimmt den Text.

1. Dekorative Bilder auslassen. Rein schmückende Bilder brauchen keinen beschreibenden Text. Sie sollten einen leeren Alt-Text haben, damit Vorlese-Programme sie überspringen. Wie das technisch geht, hängt von Ihrem Website-System ab.

1. Entwurf von der KI holen. Geben Sie das Bild in ein Werkzeug, das Bilder beschreiben kann, und nennen Sie dazu Zweck und Seiteninhalt. Beachten Sie Datenschutz, vor allem bei Fotos mit Personen, mehr unter KI beschreibt Bilder.

1. Entwurf kürzen und prüfen. Gute Alt-Texte sind kurz und sachlich: ein bis zwei Sätze, was wichtig ist. Vergleichen Sie den Entwurf mit dem Bild. Stimmt alles? Hat die KI etwas hineininterpretiert?

1. Text anpassen. Fügen Sie hinzu, was für die Seite zählt, zum Beispiel den Namen der Person (wenn bekannt und erlaubt) oder die Funktion des Bildes. Streichen Sie Wörter wie «Bild von» oder «Foto zeigt».

1. Texte eintragen. Tragen Sie die Alt-Texte im Website-System ein, bei WordPress im Feld «Alternativtext» der Mediathek, bei anderen Systemen entsprechend.

1. Mit Vorlese-Programm testen. Wenn möglich, lassen Sie eine Seite mit einem Screenreader oder dem Vorlese-Modus des Betriebssystems abspielen. Ist die Seite verständlich?

Vorlage zum Kopieren

Du schreibst Alt-Texte (Alternativtexte) für Bilder auf der Website eines Schweizer Betriebs. Sie werden von Screenreadern vorgelesen.

Seite / Zusammenhang: [z. B. Unterseite «Unser Team» eines Pflegebetriebs]
Zweck des Bildes: [Information / Stimmung / Link zu …]
Zusätzliche Angaben, die ich kenne und dazusagen darf: [z. B. Personen mit Namen, Ort, Anlass]

Regeln:
- Beschreibe nur, was im Bild sichtbar ist. Erfinde nichts (keine Namen, Orte, Stimmungen, die du nicht sehen kannst, ausser sie stehen oben).
- Maximal 125 Zeichen, ein bis zwei kurze Sätze, sachlich und in einfacher Sprache.
- Beginne nicht mit «Bild von» oder «Foto». Verzichte auf Wörter wie «schön» oder «toll».
- Wenn Text im Bild steht, der für das Verständnis wichtig ist, gib ihn wörtlich wieder.
- Wenn du bei einem Detail unsicher bist, schreibe «[unsicher: …]».
- Wenn das Bild rein dekorativ ist, schreibe «leer lassen (dekorativ)».

Bild: [Bild hochladen oder beschreiben]

Die Zeichenzahl ist eine Faustregel, sie gilt nicht als feste Vorschrift. Wichtig ist, dass der Text das Wesentliche sagt und nicht abschweift.

Worauf Sie achten müssen

• Falsche Erkennung: KI beschreibt gelegentlich Dinge, die nicht auf dem Bild sind, oder verwechselt Personen, Alter und Situationen. Prüfen Sie jeden Entwurf am Bild. Hintergrund: Fehler der KI-Bilderkennung.
• Zweck vergessen: Dieselbe Aufnahme braucht je nach Seite einen anderen Text. Die KI kennt den Zweck nur, wenn Sie ihn nennen.
• Personen und Datenschutz: Fotos von Menschen sind Personendaten. Laden Sie sie nur hoch, wenn Ihr Werkzeug und Ihre Regeln es erlauben, und benennen Sie Personen im Alt-Text nur mit deren Einverständnis.
• Zu lang oder zu werblich: Lange Texte nerven Nutzende von Screenreadern. Kurz und sachlich ist besser.
• Bewertungen und Vermutungen: Schreiben Sie nicht «glückliche Bewohnerinnen», wenn Sie nicht wissen, wie die Personen sich fühlen. Beschreiben Sie, was zu sehen ist.
• Standards: Hinweise zu guten Alt-Texten bietet die Web Accessibility Initiative (siehe Quelle). Ob für Ihr Angebot rechtliche Anforderungen an Barrierefreiheit gelten, klären Sie im Einzelfall.

Ein Beispiel aus der Praxis

Ein Beispiel: Ein Pflegebetrieb in Burgdorf will seine Website zugänglicher machen. Frau Müller lässt für zwanzig Bilder Entwürfe erstellen. Beim Durchsehen findet sie bei einem Gruppenfoto die Beschreibung «fünf lächelnde Mitarbeitende im Garten». Auf dem Bild sind es vier Personen und eine Besucherin im Hintergrund, und niemand lächelt besonders.

Sie kürzt den Text zu «Das Pflegeteam steht vor dem Haus am Eingang.» Bei einem Bild des Speisesaals schreibt die KI «gemütlicher Raum mit Holztischen», was sie als Bewertung streicht und durch «Speisesaal mit gedeckten Tischen für zwölf Personen» ersetzt, nachdem sie nachgezählt hat. Zwei rein dekorative Zierbilder bekommen einen leeren Alt-Text. Die Seite liest sich mit dem Vorlese-Modus jetzt stimmig.

So hilft Ihnen Alpasana

Für Texte auf Websites, Bildbeschreibungen und gut lesbare Inhalte bieten Kurse praktische Übung. Die KI- und IT-Kurse für konkrete Arbeitsaufgaben von absofort umfassen unter anderem KI-Bilder, Bürokommunikation, mehrsprachige Kommunikation und betriebliche KI-Richtlinien. KI-Lerncoach, Praxisaufgaben und verifizierbarer Abschluss gehören dazu; das Lernen erfolgt online im eigenen Tempo.

Eine Prüfung Ihrer Website auf Barrierefreiheit oder rechtliche Anforderungen ist darin nicht enthalten.

Häufige Fragen

Braucht wirklich jedes Bild einen Alt-Text?

Informative Bilder ja. Rein dekorative Bilder erhalten einen leeren Alt-Text, damit sie übersprungen werden. Entscheiden Sie pro Bild nach dem Zweck.

Wie lang darf ein Alt-Text sein?

So kurz wie möglich, meist ein bis zwei Sätze. Bei komplexen Grafiken beschreiben Sie die Kernaussage im Alt-Text und die Details im Fliesstext daneben.

Hilft der Alt-Text auch bei Google?

Er kann Suchmaschinen helfen, ein Bild zu verstehen. Schreiben Sie aber für Menschen, nicht für Suchmaschinen, und vermeiden Sie Stichwort-Listen. Mehr zur Lesbarkeit für Maschinen: Warum kann eine KI-Suche unsere Website nicht lesen?.

Kann ich Social-Media-Bilder auch so beschreiben?

Ja, die meisten Plattformen bieten ein Feld für Alternativtext. Eine Anleitung dazu bietet Bildbeschreibungen für Social Media.