Klare Alt-Texte für Bilder per Spracheingabe schreiben

Der Artikel ist fertig, die Bilder sind hochgeladen, doch das Feld für den Alternativtext ist noch leer. Du kannst erklären, warum ein Bild auf die Seite gehört. Daraus eine kurze Beschreibung zu machen, fühlt sich trotzdem wie eine zusätzliche Schreibaufgabe an.

Spracheingabe liefert einen Einstieg. Öffne auf deinem Mac das Bild neben einem Entwurf, sprich die wichtigen Punkte aus und überarbeite den Text, bevor du ihn in dein Redaktionssystem einträgst. Bildinhalt und Kontext beurteilst du selbst: Die Spracheingabe erfasst deine Erklärung, nicht den Inhalt des Bildes.

1. Die Aufgabe des Bildes auf der Seite bestimmen

Kläre zunächst mit dem Alt-Entscheidungsbaum des W3C, welche Rolle das Bild spielt. Eine Beschreibung ist nicht immer die passende Lösung.

• Informativ: Beschreibe die Aussage, die das Bild beiträgt. Siehe informative Bilder.
• Dekorativ: Verwende alt="", statt das Attribut wegzulassen. Siehe dekorative Bilder.
• Einzige Beschriftung eines Links oder Buttons: Benenne Ziel oder Aktion. Siehe funktionale Bilder.
• Komplexes Diagramm: Ergänze einen kurzen Alternativtext um eine zugängliche ausführliche Erklärung. Siehe komplexe Bilder.

Triff diese Entscheidung vor dem Formulieren. So feilst du nicht an einer Beschreibung, die auf der Seite gar nicht gebraucht wird.

2. Drei Fragen laut beantworten

Bei einem informativen Bild helfen diese Fragen für den ersten Entwurf:

• Was ist das zentrale Motiv oder die wichtigste Handlung?
• Welches sichtbare Detail ist für diesen Artikel relevant?
• Was müsste ich erklären, wenn ich nicht auf das Bild zeigen könnte?

Lass beim Sprechen das Bild und den umgebenden Absatz geöffnet. Bearbeite jeweils ein Bild und notiere den Dateinamen beim Entwurf. So werden die Beschreibungen bei einem Sammelupload nicht vertauscht.

Sprich zunächst ganz natürlich. Einleitungen wie „Da ist“, Wiederholungen und abgebrochene Sätze kannst du später entfernen. Halte erst die nützliche Beobachtung fest, bevor du nach der perfekten Formulierung suchst.

3. Aus einer Beobachtung einen Alt-Text machen

Stell dir einen Packratgeber mit einem Foto des Inneren einer Laptoptasche vor. In diesem erfundenen Beispiel zeigt das Bild die Aufteilung der Fächer, die im umgebenden Absatz nicht beschrieben wird.

Gesprochener Entwurf: „Die Tasche liegt offen auf dem Tisch. Der Laptop steckt in dem gepolsterten Fach, und das Ladegerät ist in einer separaten Reißverschlusstasche. Wichtig ist, dass beides getrennt verstaut ist. Hinter der Tasche steht noch eine Pflanze.“

Überarbeiteter Alt-Text:

Offene Laptoptasche mit einem Laptop im gepolsterten Fach und einem Ladegerät in einer separaten Reißverschlusstasche.

Die Überarbeitung behält die relevante Anordnung bei und streicht den Kommentar zum Entwurf sowie die Pflanze im Hintergrund. Sie erfindet weder Marke noch Fassungsvermögen und verspricht keinen Schutz vor Schäden. Dieses Vorgehen vom Beobachten zum Überarbeiten hilft auch beim Schreiben von Produktbeschreibungen.

4. Den Text mit dem tatsächlichen Bild abgleichen

Prüfe die verwendete Bilddatei, nicht deine Erinnerung daran. Korrigiere falsch erkannte Produktnamen, Beschriftungen und Zahlen. Entferne Angaben, die sich nicht überprüfen lassen. Lies den Satz zusammen mit dem Seitentext, um unnötige Wiederholungen oder fehlenden Kontext zu erkennen.

Kontrolliere bei weiteren Sprachversionen die lokalisierte Seite und das Bild gemeinsam. Zeigt ein Screenshot weiterhin einen englischen Buttonnamen, übernimm ihn korrekt, wenn er zum Auffinden des Bedienelements nötig ist. Beschreibe keine übersetzte Oberfläche, die im Bild nicht zu sehen ist.

5. Im Redaktionssystem abschließen

Trage den geprüften Text in das Alternativtextfeld ein und kontrolliere das gespeicherte Ergebnis. Prüfe bei dekorativen Bildern, ob die Einstellung deines Editors tatsächlich die gewünschte leere Alternative erzeugt. Bewahre die Zuordnung zwischen Dateinamen und Beschreibungen bis zur Uploadkontrolle auf, besonders bei ähnlichen Vorschaubildern.

Nimm diesen Schritt in deinen Workflow für Blogentwürfe auf. So werden Bildbeschreibungen zusammen mit dem Artikel fertig, statt am Ende als ungeklärtes leeres Feld übrig zu bleiben.

TypeFree ist eine einfache Möglichkeit, Gesprochenes in bearbeitbaren Text umzuwandeln und schneller zu schreiben. Beschreibe ein Bild mit deinen eigenen Worten und forme daraus einen Alt-Text, der zu seiner Aufgabe auf der Seite passt.