header-logo
Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Gestalte und verwalte deine Website mit Wix.
Verwalte Premiumpakete, Abos und Rechnungen
Führe dein Unternehmen und vernetze dich mit Mitgliedern.
Kaufe, verknüpfe oder übertrage eine Domain.
Stärke dein Unternehmen und deine Webpräsenz.
Steigere deine Sichtbarkeit mit SEO und Marketing.
Nutze erweiterte Funktionen für mehr Effizienz.
Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Barrierefreiheit: Deine Bilder und Galerien vorbereiten

9 min
In diesem Artikel
  • Alt-Text in deinem Editor hinzufügen
  • Auf Einzelbildern
  • Zu Galerien
  • Alt-Text im Wizard für Barrierefreiheit hinzufügen
  • Alt-Text mit KI generieren
  • Bilder als dekorativ markieren
  • Text in Bildern
  • Bilder von Texten
Besucher mit Sehbehinderungen verwenden unter Umständen Hilfstechnologien wie Screenreader, um deine Website zu durchsuchen. Verwende Alt-Text, um deinen Bildern und Galerien Beschreibungen hinzuzufügen und sie für diese Besucher zugänglich zu machen.
Alt-Text bietet Informationen über deine Medien und hilft Suchmaschinen und Screenreadern, sie zu „lesen“.
Woher bezieht Wix seine Informationen?

Alt-Text in deinem Editor hinzufügen

Alt-Text sorgt dafür, dass Besucher, die Screenreader verwenden, auf den Inhalt deiner Website zugreifen und ihn verstehen können. Daher empfehlen wir, ihn zu allen relevanten Bildern hinzuzufügen, einschließlich Medien, die in Apps wie Wix Stores, Wix Bookings usw. angezeigt werden.

Auf Einzelbildern

Du kannst Bildern in deinem Website-Builder (Wix Editor und Studio Editor) über das Einstellungen-Panel Alt-Text hinzufügen.
Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Klicke auf das Bild auf deiner Seite.
  3. Klicke auf das Symbol für Einstellungen .
  4. Gib unter Was ist auf dem Bild zu sehen? eine Beschreibung des Bildes ein.
  5. Drücke zum Speichern die Eingabetaste auf deiner Tastatur.
Das Bildeinstellungs-Panel im Editor. Das Feld Alt-Text wurde ausgefüllt und der Cursor bewegt sich darüber.

Zu Galerien

Verwende die Medienverwaltung deiner Website, um Alternativtext zu Bildern in Galerien hinzuzufügen.
Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Klicke auf die Galerie auf deiner Seite.
  3. Klicke auf Medien verwalten oder Bilder ändern.
  4. Klicke auf ein Bild, um es auszuwählen.
  5. Gib einen Titel für das Bild auf der rechten Seite ein.
  6. (Für Wix Pro Gallery) Bearbeite den Alt-Text für dein Bild unter Alt-Text, wenn er sich vom Titel deines Bildes unterscheiden soll.
  7. Klicke auf OK.
Eine Pro Gallery in der Medienverwaltung. Das Feld für Alt-Text ist hervorgehoben.
Tipp:
Veröffentliche deine Website, damit der Alt-Text online geht.
Hinweis:
Es ist derzeit nicht möglich, Alt-Text gleichzeitig zu Bildern/Galerien hinzuzufügen. Wenn du dir diese Funktion wünschst, kannst du hier dafür abstimmen.

Alt-Text im Wizard für Barrierefreiheit hinzufügen

Wenn du eine Website mit dem Wizard für Barrierefreiheit prüfst, wirst du möglicherweise aufgefordert, Alt-Text für Bilder hinzuzufügen. Du kannst die Aufgabe im Wizard verwenden, um eine kurze, verständliche Beschreibung für deine Website-Besucher zu erstellen.
Wix Editor
Studio Editor
Verwende den Wizard, um Alt-Text zu Website-Bildern und Bildern hinzuzufügen, die in deinen Apps von Wix Stores und Bookings angezeigt werden.

Um Alt-Text zu Website-Bildern hinzuzufügen:

  1. Öffne deinen Editor.
  2. Klicke oben auf Einstellungen und wähle Barrierefreiheit.
  3. Klicke rechts im Panel des Wizards für Barrierefreiheit auf Website durchsuchen.
  4. Wähle Karten mit dem Titel Alt-Text aus.
  5. Gib die Bildbeschreibung im Feld Was ist auf dem Bild? ein.
  6. Klicke auf Alt-Text einrichten.
Die Karte für Alt-Text ist für ein Bild geöffnet. Der Alt-Text wurde geschrieben und der Cursor klickt auf „Alt-Text anwenden“.

Um Alt-Text zu App-Bildern hinzuzufügen:

  1. Öffne deinen Editor.
  2. Klicke oben auf Einstellungen und wähle Barrierefreiheit.
  3. Klicke rechts im Panel des Wizards für Barrierefreiheit auf Website durchsuchen.
  4. Wähle das Aufklappmenü Shops/Bookings aus.
  5. Wähle Karten mit dem Titel Alt-Text aus.
  6. (Nur für Shops) Wähle jedes Produktbild/Produktvariantenbild aus.
  7. Gib die Bildbeschreibung im Feld Was ist auf dem Bild? ein.
  8. Klicke auf Alt-Text einrichten.
  9. Klicke auf OK.

Das Feld für den Alt-Text für das Produktbild in Wix Stores wurde ausgefüllt. Die Buttons „Alt-Text einrichten“ und „Fertig“ sind hervorgehoben.

Alt-Text mit KI generieren

Du erstellst eine Website im Studio Editor? Du kannst das KI-Tool im Wizard für Barrierefreiheit verwenden, um Alt-Text zu generieren. Wähle, ob Alt-Text für bestimmte Bilder oder für jedes Bild auf der Seite generiert werden soll.
Wichtig:
  • Wir können nicht garantieren, dass KI-generierter Alt-Text immer völlig korrekt ist. Wir empfehlen daher, den generierten Text für jedes Bild zu überprüfen und bei Bedarf zu bearbeiten.
  • SVG- oder GIF-Dateien werden vom KI-Alt-Text-Tool nicht unterstützt. Du musst den Alt-Text für diese Dateien manuell erstellen.

Um KI-Alt-Text generieren zu lassen:

  1. Öffne deinen Editor.
  2. Klicke links im Editor auf Website-Prüfer .
  3. Wähle Probleme mit der Barrierefreiheit beheben.
  4. Klicke auf Website überprüfen.
  5. Wähle den Tab Gefundene Probleme.
  6. Öffne das entsprechende Dropdown-Menü.
    • (Wenn nicht alle Bilder Alt-Text haben) Klicke auf Loslegen.
    • (Wenn du bereits allen Bildern Alt-Text hinzugefügt hast) Klicke auf Bearbeiten.
  7. Wähle aus, was du tun möchtest:
    • Alt-Text für ein einzelnes Bild generieren:
      1. Klicke neben dem entsprechenden Bild auf das Symbol für Bearbeiten .
      2. Klicke auf Generieren.
    • Alt-Text für alle Bilder der Seite auf einmal generieren: Klicke auf Generieren.
  8. Überprüfe den generierten Text und nimm bei Bedarf Änderungen vor.
  9. Klicke auf Anwenden.
Du verwendest die Massenbearbeitung?
Das Tool generiert keinen Alt-Text für Bilder, die als dekorativ markiert sind oder bereits Alt-Text enthalten.
Screenshot des Panels des Wizards für Barrierefreiheit für Alt-Text auf einer Seite. Der Mauszeiger zeigt auf den „Generieren“-Button.
Hinweis:
Gelegentlich kann es vorkommen, dass das KI-Tool für manche Bilder auf einer Seite keinen Alt-Text generieren kann. Du kannst bei Bedarf auf Erneut versuchen klicken.

Bilder als dekorativ markieren

Dekorative Bilder sind Bilder, die nicht zum Inhalt der Website beitragen, da sie nur zu ästhetischen oder dekorativen Zwecken da sind.
Wenn ein Bild auf einer Website nur Dekoration und für den Kontext nicht relevant ist, musst du keinen Alt-Text hinzufügen. Du kannst ein Bild im Wizard für Barrierefreiheit als dekorativ markieren, um sicherzustellen, dass Suchmaschinen und Screenreader es automatisch überspringen.
Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Klicke oben auf Einstellungen und wähle Barrierefreiheit.
  3. Klicke rechts im Panel des Wizards für Barrierefreiheit auf Website durchsuchen.
  4. Wähle Karten mit dem Titel Alt-Text aus.
  5. Aktiviere das Kontrollkästchen neben Dieses Bild ist rein dekorativ und benötigt keine Beschreibung.
Screenshot, der zeigt, wie die dekorative Bildoption im Wizard für Barrierefreiheit aktiviert ist.
Gut zu wissen:
Du solltest zu allen Bildern, die Links enthalten, Alt-Text hinzufügen und sie nicht als dekorativ markieren.

Text in Bildern

Dies bezieht sich auf Bilder, die abgebildeten oder hinzugefügten Text enthalten.
Text in Bildern kann von Suchmaschinen oder Screenreadern nicht „gelesen“ werden. Wenn das Bild jedoch notwendig ist und der Text einen Kontext zur Website hat, kannst du es der Bildbeschreibung hinzufügen.
Wenn der Text keinen Kontext hat oder nicht zum Inhalt der Website beiträgt, musst du ihn nicht zur Bildbeschreibung hinzufügen.
Wähle unten eine Option aus, um mehr über Bildtexte zu erfahren, die du zur Bildbeschreibung hinzufügen solltest.

Bilder von Texten

Textbilder enthalten nur Text und keine anderen abgebildeten Elemente. Einige Beispiele dafür sind Bilder von Schriftarten oder Logos, die nur Text enthalten.
Da es sich nicht um „echte“ Textelemente handelt, können Textbilder nicht von Suchmaschinen oder Screenreadern gelesen werden. Wir empfehlen, sie nach Möglichkeit zu vermeiden und durch echte Textelemente zu ersetzen, um die SEO und Barrierefreiheit auf deiner Website zu verbessern. 
Nächster Schritt:
Gehe zurück zur Checkliste für Barrierefreiheit, um die Barrierefreiheit deiner Website weiter zu verbessern.