Allgemein

Warum Alternative Texte für Bilder wichtig sind – und wie Sie sie richtig einsetzen

In Ihrer Karriereseite können Sie an vielen Stellen Bilder einbinden – zum Beispiel als Keyvisual, in einer Galerie oder innerhalb der Kontakt-Komponente. Ob diese Bilder nur dekorativ oder inhaltlich relevant sind, hängt ganz von Ihnen ab: Sie entscheiden, welche Bilder Sie hochladen und welchen Zweck sie erfüllen.

Gerade bei informativen Bildern – z. B. einem Teamfoto, einem Organigramm oder einem Zertifikat Ihres Unternehmens – sollten Sie einen alternativen Text hinzufügen. Dieser Text hilft Menschen mit Sehbehinderung, den Inhalt Ihrer Seite zu verstehen, und verbessert gleichzeitig die Auffindbarkeit Ihrer Seite bei Suchmaschinen.

Damit Sie Ihre Seite barrierefreier gestalten können, haben wir für die wichtigsten Komponenten die Möglichkeit geschaffen, alternative Texte zu hinterlegen. In diesem Leitfaden zeigen wir Ihnen, wo Sie alternative Texte pflegen können.

Best Practice

Worauf Sie beim Verfassen Alternativer Texte achten sollten

Ein alternativer Text sollte kurz und präzise beschreiben, was auf dem Bild zu sehen ist – und warum es für den Inhalt der Seite relevant ist. Ziel ist es, Nutzer*innen mit Screenreader die gleichen Informationen zu vermitteln wie allen anderen Besuchenden der Seite.

Beachten Sie dabei folgende Grundregeln:

Beschreiben Sie das Wesentliche: Was zeigt das Bild? Welche Information soll vermittelt werden?
Vermeiden Sie Redundanzen: Wenn die Bildinformation bereits im Fließtext daneben steht, muss sie nicht wiederholt werden.
Keine Formulierungen wie „Bild von...“ oder „Grafik zeigt...“: Screenreader kündigen bereits an, dass es sich um ein Bild handelt.
Halten Sie den Text möglichst kurz: Ein bis zwei Sätze reichen meist aus.

Was ist mit rein dekorativen Bildern?

Wenn ein Bild keine inhaltliche Bedeutung hat und nur der Gestaltung oder Stimmung dient, soll das Feld für den alternativen Text bewusst leer gelassen werden. Andernfalls wird unnötiger Inhalt vorgelesen, was die Barrierefreiheit sogar verschlechtern kann.

Typische Beispiele für dekorative Bilder in Ihrer Karriere-Website:

Ein stimmungsvolles Bürofoto im Hintergrund eines Komponente
Ein Symbolbild ohne konkreten Bezug zum Inhalt
Ein allgemeines Bild, das nur zur Auflockerung zwischen Textblöcken verwendet wird

Komponenten mit Alt-Texten

Folgende Komponenten mit Bildern können um alternative Texte ergänzt werden:

Mosaik
Keyvisual
Keyvisual mit Galerie
Keyvisual mit Jobs
Keyvisual mit Suche
Keyvisual mit Filtern
Text und Media
Accordions und Media
Media-Mix
Zielgruppen
Multifunktionale Teaser
Große Teaser
Galerie
Imagebox
Zitat
Zitat-Galerie
Einstellungsprozess
Kontakte
Zertifikate
Soziale Links

Mosaik

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Inhalt“.
Wählen Sie eine der Reihen.
Wählen Sie eine der Kacheln.
- Wenn Sie „Bild“ auswählen:
  - Geben Sie den alternativen Text für das Bild ein.
- Wenn Sie „Zitat“ auswählen:
  - Geben Sie den alternativen Text für das Portraitbild ein, falls es aktiviert ist.

Keyvisual

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Bild/Video“.
Wählen Sie unter „Visueller Inhalt“ die Option „Bild oder Galerie“ aus.
Klicken Sie auf die gewünschte Bildkachel.
Geben Sie den alternativen Text ein.

Keyvisual mit Galerie

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Inhalt“.
Wählen Sie den gewünschten Slide aus.
Gehen Sie zum Abschnitt „Hintergrundtyp“.
Wählen Sie „Bild“ aus.
Geben Sie den alternativen Text für das Bild ein.

Keyvisual mit Jobs

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Teaser“.
- Falls die Option „Aktuelle Jobs anzeigen“ deaktiviert ist:
  - Wählen Sie einen Teaser aus.
  - Geben Sie den alternativen Text für das Bild ein.
Wechseln Sie zum Reiter „Hintergrund“
- Wählen Sie „Bild“ aus.
- Geben Sie den alternativen Text für das Bild ein.

Keyvisual mit Suche

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Wechseln Sie zum Reiter „Hintergrund“
Wählen Sie „Bild“ aus.
Geben Sie den alternativen Text für das Bild ein.

Keyvisual mit Filtern

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Wechseln Sie zum Reiter „Hintergrund“
Wählen Sie „Bild“ aus.
Geben Sie den alternativen Text für das Bild ein.

Text und Media

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Medien“.
Wählen Sie unter „Medientyp“ die Option „Bild“ aus:
Klicken Sie auf die gewünschte Bildkachel.
Geben Sie den alternativen Text ein.

Accordions und Media

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Medien“.
Wählen Sie unter „Medientyp“ die Option „Bild“ aus:
Klicken Sie auf die gewünschte Bildkachel.
Geben Sie den alternativen Text ein.

Media-Mix

Öffnen Sie das Redaktionsfenster.
Auf der rechten Seite befinden sich insgesamt neun Reiter, in denen Sie vordefinierte Inhalte hinterlegen können.
In jedem dieser Reiter haben Sie die Möglichkeit, ein Bild einzufügen:
- Wenn Sie ein Bild verwenden geben Sie den alternativen Text dafür ein.
Im Reiter „Zitat“ (3. Reiter von oben) kann zudem ein Portraitbild aktiviert und eingefügt werden:
- Bitte geben Sie auch hierfür einen alternativen Text ein.
Zusätzlich können im Reiter „Galerie“ (6. Reiter von oben) mehrere Bilder hinzugefügt werden:
- Geben Sie in diesem Fall bitte für jedes einzelne Bild (jeden Slide) einen alternativen Text ein.

Zielgruppen

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Inhalt“.
Wählen Sie den gewünschten Slide aus.
Geben Sie den alternativen Text für das Bild ein.

Multifunktionale Teaser

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Teaser“.
Klicken Sie auf den gewünschten Teaser.
Geben Sie den alternativen Text für das Bild ein.

Große Teaser

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Teaser“.
Klicken Sie auf den gewünschten Teaser.
Geben Sie den alternativen Text für das Bild ein.

Galerie

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Inhalt“.
Klicken Sie auf die gewünschte Bildkachel.
Geben Sie den alternativen Text für das Bild ein.

Imagebox

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Inhalt“.
Klicken Sie auf die gewünschte Bildkachel.
Geben Sie den alternativen Text für das Bild ein.

Zitat

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Inhalt“.
Klicken Sie auf das gewünschte Zitat.
Geben Sie den alternativen Text für das Portraitbild ein, falls es aktiviert ist.

Zitat-Galerie

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Zitate“.
Klicken Sie auf das gewünschte Zitat.
Geben Sie den alternativen Text für das Portraitbild ein, falls es aktiviert ist.

Einstellungsprozess

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Inhalt“.
Stellen Sie sicher, dass die Option „Icons statt Bilder verwenden“ deaktiviert ist.
Klicken Sie auf den gewünschten Schritt.
Geben Sie den alternativen Text für das Bild ein.

Kontakte

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Layout“.
Stellen Sie sicher, dass die Option „Portraits anzeigen“ aktiviert ist.
Wechseln Sie zum Reiter „Inhalt“.
Klicken Sie auf die gewünschte Kontaktperson aus.
Geben Sie den alternativen Text ein.

Zertifikate

Das Eingabefeld für den alternativen Text finden Sie wie folgt:

Öffnen Sie das Redaktionsfenster.
Wechseln Sie zum Reiter „Inhalt“.
Klicken Sie auf das gewünschte Zertifikatsbild.
Geben Sie den alternativen Text für das Portraitbild ein, falls es aktiviert ist.