Alternative Texte für Bilder
Bilder machen deine Karriereseite lebendig – ob Keyvisual, Galerie oder im Kontaktbereich. Du entscheidest, welche Bilder du hochlädst und welchen Zweck sie erfüllen:
dekorativ
oder informativ
Bei informativen Bildern wie Teamfotos, Organigrammen oder Zertifikaten, lohnt es sich, einen alternativen Text einzutragen. So können Menschen mit Sehbehinderung deine Inhalte verstehen, und gleichzeitig wird deine Seite besser bei Suchmaschinen gefunden.
In diesem Leitfaden zeigen wir dir Schritt für Schritt, wie du deine Seite barrierefrei gestalten und wo du alternativ Texte pflegen kannst.
Alternative Texte verfassen
Ein alternativer Text beschreibt kurz und präzise, was auf dem Bild zu sehen ist und warum es für die Seite wichtig ist. So bekommen Nutzer:innen mit Screenreadern die gleichen Infos wie alle anderen.
Beachte dabei diese Grundregeln:
Beschreibe das Wesentliche:
Was zeigt das Bild?
Welche Info soll rüberkommen?
Vermeide Wiederholungen:
Steht die Info schon im Text daneben, muss sie nicht erneut rein.
Keine Floskeln wie „Bild von…“ oder „Grafik zeigt…“:
Screenreader sagen automatisch, dass es ein Bild ist.
Kurz halten:
Ein bis zwei Sätze genügen meistens.
Was ist mit rein dekorativen Bildern?
Wenn ein Bild keine Infos vermittelt und nur Gestaltung oder Stimmung dient, lass das Feld für den alternativen Text einfach leer. So wird nichts Unnötiges vorgelesen und die Barrierefreiheit bleibt optimal.
Typische dekorative Bilder auf deiner Karriereseite:
Ein stimmungsvolles Bürofoto im Hintergrund einer Komponente
Ein Symbolbild ohne konkreten Bezug zum Inhalt
Ein allgemeines Bild zur Auflockerung zwischen Textblöcken
Komponenten mit Alt-Texten
Diese Bereiche auf deiner Karriereseite kannst du mit alternativen Texten versehen:
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
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Inhalt“.
Wähle eine Reihe aus.
Wähle eine Kachel aus.
Wenn du „Bild“ auswählst: Gib den alternativen Text für das Bild ein.
Wenn du „Zitat“ auswählst: Gib den alternativen Text für das Portraitbild ein, falls aktiviert.
Keyvisual
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Bild/Video“.
Wähle unter „Visueller Inhalt“ die Option „Bild oder Galerie“ aus.
Klicke auf die gewünschte Bildkachel.
Gib den alternativen Text ein.
Keyvisual mit Galerie
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Inhalt“.
Wähle den gewünschten Slide aus.
Gehe zum Abschnitt „Hintergrundtyp“.
Wähle „Bild“ aus.
Gib den alternativen Text für das Bild ein.
Keyvisual mit Jobs
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Teaser“.
Falls „Aktuelle Jobs anzeigen“ deaktiviert ist:
Wähle einen Teaser aus.
Gib den alternativen Text für das Bild ein.
Wechsle zum Reiter „Hintergrund“.
Wähle „Bild“ aus.
Gib den alternativen Text für das Bild ein.
Keyvisual mit Suche
Wechsle zum Reiter „Hintergrund“.
Wähle „Bild“ aus.
Gib den alternativen Text für das Bild ein.
Keyvisual mit Filtern
Das Eingabefeld für den alternativen Text findest du wie folgt:
Wechsle zum Reiter „Hintergrund“
Wähle „Bild“ aus.
Gib den alternativen Text für das Bild ein.
Text und Media
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Medien“.
Wähle unter „Medientyp“ die Option „Bild“ aus.
Klicke auf die gewünschte Bildkachel.
Gib den alternativen Text ein.
Accordions und Media
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Medien“.
Wähle unter „Medientyp“ die Option „Bild“ aus.
Klicke auf die gewünschte Bildkachel.
Gib den alternativen Text ein.
Media-Mix
Öffne das Redaktionsfenster.
Rechts findest du neun Reiter, in denen du vordefinierte Inhalte hinterlegen kannst.
In jedem Reiter kannst du ein Bild einfügen: Gib für jedes Bild den alternativen Text ein.
Reiter „Zitat“ (3. von oben): Wenn ein Portraitbild aktiviert ist, gib bitte auch hierfür einen alternativen Text ein.
Reiter „Galerie“ (6. von oben): Wenn du mehrere Bilder hinzufügst, gib für jedes einzelne Bild (jeden Slide) einen alternativen Text ein.
Zielgruppen
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Inhalt“.
Wähle den gewünschten Slide aus.
Gib den alternativen Text für das Bild ein.
Multifunktionale Teaser
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Teaser“.
Klicke auf den gewünschten Teaser.
Gib den alternativen Text für das Bild ein.
Große Teaser
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Teaser“.
Klicke auf den gewünschten Teaser.
Gib den alternativen Text für das Bild ein.
Galerie
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Inhalt“.
Klicke auf die gewünschte Bildkachel.
Gib den alternativen Text für das Bild ein.
Imagebox
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Inhalt“.
Klicke auf die gewünschte Bildkachel.
Gib den alternativen Text für das Bild ein.
Zitat
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Inhalt“.
Klicke auf das gewünschte Zitat.
Gib den alternativen Text für das Portraitbild ein, falls es aktiviert ist.
Zitat-Galerie
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Zitate“.
Klicke auf das gewünschte Zitat.
Gib den alternativen Text für das Portraitbild ein, falls es aktiviert ist.
Einstellungsprozess
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Inhalt“.
Stelle sicher, dass die Option „Icons statt Bilder verwenden“ deaktiviert ist.
Klicke auf den gewünschten Schritt.
Gib den alternativen Text für das Bild ein.
Kontakte
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Layout“.
Stelle sicher, dass die Option „Portraits anzeigen“ aktiviert ist.
Wechsle zum Reiter „Inhalt“.
Klicke auf die gewünschte Kontaktperson.
Gib den alternativen Text ein.
Zertifikate
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Inhalt“.
Klicke auf das gewünschte Zertifikatsbild.
Gib den alternativen Text für das Portraitbild ein, falls es aktiviert ist.
Soziale Links
Öffne das Redaktionsfenster.
Wechsle zum Reiter „Soziale Links“.
Klicke auf den gewünschte Link.
Gib den alternativen Text für das Logo des sozialen Netzwerks ein.