Alt-Texte für Bilder einfügen

Was ist ein Alt-Text – und warum ist er wichtig?

Ein Alt-Text (alternativer Text) beschreibt den Inhalt eines Bildes. Er ist vor allem für:

Barrierefreiheit wichtig – z. B. für Menschen mit Sehbehinderung, die einen Screenreader benutzen,
Suchmaschinenoptimierung (SEO) – Google kann Bilder besser verstehen,
und als Ersatz, falls das Bild mal nicht geladen werden kann.

Alt-Texte sind also ein wichtiger Schritt, damit die Inhalte für alle zugänglich und verständlich sind.

Wo muss der Alt-Text eintragen werden?

Damit der Alt-Text wirklich überall wirkt, empfehlen wir:

Im ChurchDesk-Dateimanager. Den Text dann kopieren & einfügen, wenn Sie das Bild z. B. auf der Webseite oder im Studio nutzten wollen. Mehr dazu finden Sie in den folgenden Anleitungen (Leider wird der Alt-Text aktuell noch nicht automatisch übernommen.)
Alt-Texte aus dem CD-Dateimanager werden aktuell nicht automatisch in andere Module übernommen (z. B. Kalender, Webseiten-Editor oder Studio).
Wenn Sie ein Bild in einen Beschreibungstext einfügen, wird der Alt-Text ebenfalls nicht automatisch übernommen – hier auch bitte Copy & Paste nutzen.

Schritt-für-Schritt: Alt-Text im ChurchDesk-Dateimanager einfügen

Öffnen Sie den Dateimanager in ChurchDesk (über das Menü > Gruppen > dann die Dateien in den Gruppen selber finden oder bei dem gemeinsamen Dateimanager über „Dateien“).
Finden Sie die gewünschte Datei (Bild).
Klicken Sie auf den Dateinamen – es öffnet sich die Detailansicht.
Hier können Sie unter anderem:
Titel bearbeiten
Sichtbarkeit festlegen
...
und ganz unten den Alt-Text eintragen.

Wichtig: Wenn Sie die Datei umbenennen, achten Sie darauf, dass die Dateiendung (.jpg / .png / usw.) erhalten bleibt, sonst kann das Bild später z.B im Webseiten Editor nicht hochgeladen werden..

Alt-Text im Webseiten Editor einfügen

Wenn Sie Bilder im Webseiten-Editor einfügen, müssen Sie den Alt-Text nochmal eingeben oder aus dem Dateimanager kopieren. Alt texte aus dem Churchdesk Dateimanager werden derzeit nicht automatisch übernommen:

Wenn Sie neue Bilder hinzufügen:

Öffnen Sie Ihre Webseite im Webseiten-Editor.
Klicken Sie oben rechts auf „Inhalt“ > „Dateimanager“.
Suchen Sie das gewünschte Bild oder laden Sie ein neues Bild hoch:
Entweder über „Datei hochladen“
Oder über „Externe Dateibibliothek öffnen“
Wenn das Bild hochgeladen oder gefunden wurde, klicken Sie auf den kleinen Pfeil nach unten neben dem Bildnamen.
Es öffnet sich ein Fenster mit Bilddetails unter dem Bild.
Tragen Sie hier den Alt-Text manuell ein oder kopieren Sie ihn aus dem ChurchDesk-Dateimanager.

Wenn Sie bereits platzierte Bilder bearbeiten möchten:

Gehen Sie im Editor zu dem Bild, das Sie bearbeiten möchten.
Machen Sie einen Doppelklick auf das Bild oder klicken Sie auf das Stiftsymbol (Bearbeiten).
Wählen Sie den Tab „Inhalt“ > „Allgemein“.
Tragen Sie im Feld „Alternativtext“ den gewünschten Text ein.
Klicken Sie oben rechts auf den grünen Haken, um zu speichern.

Wichtig zu wissen:
Wenn Sie den Alt-Text im Webseiten-Editor für ein Bild anpassen, gilt dieser Text nur für dieses eine platzierte Bild auf der Seite. Der Alt-Text wird dabei nicht zurück in den Dateimanager übernommen. Das bedeutet:

Wenn Sie dasselbe Bild später noch einmal auf einer anderen Seite oder an anderer Stelle verwenden möchten, wird kein Alt-Text übernommen, es sei denn, Sie haben ihn vorher im Dateimanager hinterlegt.
Tipp: Passen Sie den Alt-Text daher zusätzlich im Dateimanager an. So wird er künftig automatisch übernommen, wenn Sie das Bild erneut auf Ihrer Webseite verwenden.

Empfehlung:
Schreiben oder kopieren Sie den Alt-Text zuerst im ChurchDesk-Dateimanager. Dann können Sie ihn überall bequem einkopieren – und müssen ihn nicht mehrfach neu schreiben.

Tipp zur Kontrolle:

Im Webseiten-Editor können Sie leicht überprüfen, ob noch Bilder ohne Alt-Text auf Ihrer Seite vorhanden sind:

Öffnen Sie den Webseiten-Editor.
Gehen Sie oben rechts auf „Inhalt“ > „SEO“.
Wählen Sie dort den „SEO-Checker“.

Dort sehen Sie eine Liste aller Seiten. Seiten mit fehlenden Alt-Texten sind durch einen orangen Kreis mit Ausrufezeichen (!) neben dem Seitennamen markiert.
So finden Sie schnell heraus, wo noch etwas fehlt – und können gezielt nachbessern.

Alt-Text im Studio-Editor einfügen (digitale Plakate, Einladungen...)

Auch im Studio-Editor wird der Alt-Text nicht automatisch übernommen.
Bitte kopiere ihn hier ebenfalls manuell rein :

Füge das Bild wie gewohnt zu Ihrem Design hinzu.
Klicken Sie das Bild an – Auf der rechten Seite sehen Sie nun verschiedene Einstellungsmöglichkeiten für dieses Bild. Wenn Sie etwas runterscrollen sehen Sie die Option for "Alternativtext"
Tragen Sie hier den Text ein oder fügen ihn aus dem Dateimanager mit Copy&Paste ein.

Wie schreibt man einen guten Alt-Text?

Ein guter Alt-Text beschreibt klar, kurz und verständlich, was auf dem Bild zu sehen ist – ohne zu übertreiben oder unnötige Details hinzuzufügen.

Die wichtigsten Regeln:

✅ Beschreiben Sie, was wirklich zu sehen ist.
❌ Nicht, was Sie damit aussagen wollen oder welche Stimmung es erzeugt.

✅ Halten Sie den Text kurz – 1 Satz reicht.
❌ Kein Roman, keine Bildunterschrift und keine Wiederholung von Infos, die schon im Text stehen.

✅ Keine Begriffe wie „Bild von...“ oder „Foto zeigt...“ verwenden.
❌ Das ist unnötig – Screenreader sagen automatisch, dass es sich um ein Bild handelt.

Bildinhalt	Guter Alt-Text
Ein Gruppenfoto von Konfirmand:innen	„Konfirmand:innen der Kirchengemeinde Musterdorf“
Ein brennendes Teelicht auf dunklem Tisch	„Brennendes Teelicht auf einem dunklen Holztisch“
Eine Einladung zu einem Erntedank-Gottesdienst mit Kürbissen	„Einladungskarte mit Kürbissen zum Erntedank-Gottesdienst“
Ein Kind malt ein Kreuz auf ein Plakat	„Kind malt ein Kreuz mit Wachsmalstift auf Papier“

Was ist zu wenig?

Kein Alt-Text: Menschen mit Sehbehinderung wissen nicht, worum es im Bild geht.
„Bild“ oder „Logo“: Sagt nichts aus.
Dateiname: z. B. „IMG_4739.jpg“ – nicht hilfreich.

Was ist zu viel?

„Auf dem Foto sieht man ein kleines Kind, das an einem verregneten Nachmittag an einem runden Holztisch sitzt und konzentriert mit einem roten Wachsmalstift auf ein großes weißes Blatt Papier ein christliches Kreuz malt.“
-> Das ist zu lang, zu ausführlich und überfordert den Screenreader.

Tipp: Fragen Sie sich beim Schreiben: „Wenn ich das Bild nicht sehen könnte – was müsste ich wissen, um den Inhalt zu verstehen?“

Damit helfen Sie nicht nur bei der Barrierefreiheit – sondern machen Ihre Inhalte für alle Nutzer:innen besser zugänglich.



Hier finden Sie weitere Artikel für praktische Schritte zur Barrierefreiheit:
Wie Sie Ihre Website barrierefrei gestalten
Navigieren Sie mit der Tastatur durch das Dropdown-Menü
Globale Farben - Wie man die Farben einer Website ändert
Erstellen und veröffentlichen der Barrierefreiheitserklärung für die Website
Wie füge ich einen Link in die Fußzeile meiner Webseite ein? (z.B. für die Erklärung zur Barrierefreiheit)

Aktualisiert am: 28/05/2025