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

Apps von Wix: Colorblind Simulator

3 min
In diesem Artikel
  • Schritt 1 | Den Colorblind Simulator von Wix zu deiner Website hinzufügen
  • Schritt 2 | Eine Vorschau deiner Website-Seiten mit dem Colorblind Simulator anzeigen
  • Häufig gestellte Fragen (FAQs)
Der Colorblind Simulator von Wix ist eine wertvolle Erweiterung, mit der du das Design deiner Website aus der Sicht von Besuchern mit verschiedenen Arten von Farbenblindheit erleben kannst. Es ist ein leistungsstarkes Tool, um die Barrierefreiheit deiner Website zu verbessern.

Im Simulator kannst du eine Seite auswählen und verschiedene Arten von Farbenblindheit testen, um zu verstehen, wie die Seite in diesen Fällen aussieht.
Screenshot, der die Benutzeroberfläche der Erweiterung Colorblind Simulator zeigt

Schritt 1 | Den Colorblind Simulator von Wix zu deiner Website hinzufügen

Füge zunächst die Erweiterung „Colorblind Simulator von Wix“ zu deiner Website hinzu. Der Simulator ist nur im Wix Studio Editor verfügbar.

Um den Colorblind Simulator hinzuzufügen:

  1. Öffne deinen Editor.
  2. Klicke oben links auf das Symbol für Wix Studio .
  3. Klicke auf Tools.
  4. Klicke auf Editor-Erweiterungen.
  5. Klicke auf Erweiterungen hinzufügen.
  6. Klicke auf Colorblind Simulator.
  7. Klicke auf Hinzufügen.
Screenshot, der das Symbol für Wix Studio und die Option zum Hinzufügen von Erweiterungen zeigt

Schritt 2 | Eine Vorschau deiner Website-Seiten mit dem Colorblind Simulator anzeigen

Sieh dir als Nächstes eine Vorschau deiner Website-Seiten mit dem Simulator an. Auf diese Weise kannst du sehen, wie deine Seiten für Website-Besucher mit verschiedenen Graden von Farbenblindheit aussehen.

Um deine Website-Seiten in der Vorschau anzuzeigen:

  1. Klicke auf der linken Seite im Pop-up Colorblind Simulator auf Vorschau.
  2. Klicke auf das Dropdown-Menü Seite auswählen und wähle eine Seite für die Vorschau aus.
  3. Wähle die einzelnen Optionen für Farbenblindheit aus, um anzuzeigen, wie sie aussehen.
Screenshot, der eine Seite in der Vorschau mit dem Colorblind Simulator zeigt.
Tipp:
Sieh dir in der Vorschau an, wie die Seite auf verschiedenen Geräten aussieht, indem du die Breakpoints oben im Pop-up-Fenster verwendest.

Häufig gestellte Fragen (FAQs)

Klicke unten auf eine Frage, um mehr über Barrierefreiheit zu erfahren.