Tutorials

Tutorial: Probleme im Wix Accessibility Wizard beheben – Schritt für Schritt

Melden

Hier ist ein ausführliches Tutorial, das dir Schritt für Schritt zeigt, wie du Barrierefreiheit-Probleme auf deiner Wix-Website mithilfe des Accessibility Wizards (Assistent für Barrierefreiheit) löst.

Eine barrierefreie Website ist nicht nur gesetzlich oft vorgeschrieben (z. B. durch die Barrierefreie-Websites-Verordnung), sondern verbessert auch das SEO-Ranking und die Nutzererfahrung für alle Besucher. Wix bietet hierfür ein integriertes Tool: den Accessibility Wizard.

In diesem Guide lernst du, wie du ihn effektiv nutzt.

Schritt 1: Den Accessibility Wizard öffnen

  1. Logge dich in dein Wix-Konto ein und öffne den Editor deiner Website.
  2. Gehe in der oberen Menüleiste auf „Einstellungen“.
  3. Wähle im Dropdown-Menü den Punkt „Barrierefreiheit“ (Accessibility).
  4. Klicke auf den Button „Assistent für Barrierefreiheit öffnen“.

Schritt 2: Den Scan starten

Sobald sich das Fenster des Wizards auf der rechten Seite öffnet, klicke auf „Scan starten“.

Der Wizard durchsucht nun deine gesamte Website nach Verstößen gegen die WCAG 2.1 Richtlinien. Nach Abschluss des Scans werden die Probleme in Kategorien unterteilt (z. B. Farbkontrast, Alt-Texte, Struktur).

Schritt 3: Häufige Probleme beheben

Der Wizard führt dich nacheinander durch die gefundenen Fehler. Hier sind die häufigsten Punkte und wie du sie korrigierst:

1. Fehlender Alt-Text (Alternativtext) bei Bildern

Bilder müssen für Screenreader (Vorgelesene Texte für Sehbehinderte) beschrieben werden.

  • Lösung: Klicke im Wizard auf das entsprechende Bild. Er gibt dir direkt ein Eingabefeld. Beschreibe kurz und sachlich, was auf dem Bild zu sehen ist (z. B. „Ein goldener Retriever spielt im Garten“ statt nur „Hund“).

2. Unzureichender Farbkontrast

Text muss sich deutlich vom Hintergrund abheben, damit er lesbar ist.

  • Lösung: Der Wizard markiert den betroffenen Text. Klicke auf „Farbe ändern“. Wix schlägt dir oft automatisch Farben vor, die den Kontrast-Test bestehen. Wähle eine dunklere/hellere Nuance, bis das grüne Häkchen erscheint.

3. Falsche Überschriften-Hierarchie (Heading Tags)

Deine Website muss eine logische Struktur haben (H1 für den Haupttitel, H2 für Untertitel usw.).

  • Lösung: Der Wizard zeigt dir, wo Überschriften übersprungen wurden (z. B. wenn auf eine H1 direkt eine H3 folgt). Klicke auf das Element und ändere den HTML-Tag im Wizard-Menü auf die richtige Ebene.

4. Fehlende Link-Beschreibungen

Links wie „Hier klicken“ sind nicht aussagekräftig genug.

  • Lösung: Ändere den Link-Text in etwas Beschreibendes, wie „Erfahren Sie mehr über unsere Dienstleistungen“. Der Wizard zeigt dir genau, welche Links optimiert werden müssen.

Schritt 4: Manuelle Prüfungen durchführen

Einige Aspekte der Barrierefreiheit können nicht automatisch erkannt werden. Der Wizard wird dich auffordern, diese manuell zu prüfen:

  1. Tastatur-Navigation: Klicke dich mit der Tab-Taste durch deine Website. Kannst du alle Menüpunkte und Buttons erreichen? Gibt es einen sichtbaren „Fokus-Rahmen“?
  2. Logische Lesereihenfolge: Überprüfe, ob der Screenreader die Elemente in der richtigen Reihenfolge vorliest (von oben nach unten, links nach rechts). Du kannst die Reihenfolge im Layer-Panel (Ebenen) anpassen.

Schritt 5: Änderungen veröffentlichen

Wenn du alle Punkte im Wizard abgearbeitet hast und alle grünen Haken leuchten:

  1. Klicke im Wizard auf „Fertig“.
  2. Klicke oben rechts im Wix-Editor auf „Speichern“ und anschließend auf „Veröffentlichen“.

Profi-Tipps für Wix Barrierefreiheit:

  • Verwende die Barrierefreiheits-Checkliste: Wix bietet eine integrierte Checkliste an, die über den Wizard hinausgeht. Nutze diese für ein rechtssicheres Ergebnis.
  • Vermeide Autoplay: Videos oder Musik, die automatisch starten, sind eine große Hürde für Barrierefreiheit. Deaktiviere Autoplay-Funktionen.
  • Sprache festlegen: Stelle sicher, dass die Hauptsprache deiner Website in den Website-Einstellungen korrekt eingestellt ist, damit Screenreader den richtigen Akzent verwenden.

Herzlichen Glückwunsch! Deine Website ist nun für wesentlich mehr Menschen zugänglich und technisch auf einem höheren Stand. Nutze den Wizard regelmäßig, besonders nachdem du neue Inhalte hinzugefügt hast.

0