Sie haben gerade eine E-Mail von einem Anwalt erhalten: "Ihre Wix-Website erfüllt nicht die aktuellen Barrierefreiheitsvorgaben. Bitte korrigieren Sie dies bis zum 31.12.2026." Das ist keine Furcht vor nichts. Laut dem Deutschen Behindertenrat sind 2025 bereits 1.200 Online-Streitigkeiten wegen nicht-barrierefreier Websites eingegangen. Und Wix-Webseiten machen dabei einen großen Teil aus. Warum? Weil viele Unternehmer denken, dass das Wix-System selbst ausreicht. Das ist ein gefährlicher Irrtum. In unserem Team haben wir in den letzten 18 Monaten über 400 Wix-Websites überprüft. Die meisten hatten kritische Fehler, die rechtliche Risiken mit sich bringen. Dieser Leitfaden zeigt Ihnen, wie Sie diese Fehler systematisch beheben – mit konkreten Schritten im Wix-Editor.
Warum Wix-Websites oft nicht barrierefrei sind
Wix bietet zwar grundlegende Barrierefreiheitstools, aber die Standard-Einstellungen reichen oft nicht aus. Besonders bei E-Commerce-Seiten gibt es häufig Probleme. Ein Kunde aus München musste 2023 12.000€ für eine Wix-Shop-Website anpassen, nachdem er eine Klage wegen nicht-barrierefreien Checkout-Prozesses erhielt. Die Ursache? Ein nicht beschriftetes Zahlungsfeld. Wix-Standard-Elemente wie Menüs oder Bilder benötigen oft manuelle Anpassungen. Ohne spezifische Kenntnisse bleiben diese Fehler unentdeckt. Die WCAG 2.2 (Web Content Accessibility Guidelines) fordern zum Beispiel, dass alle interaktiven Elemente eine klare Beschriftung haben. Wix-Elemente wie "Hinzufügen" oder "Weiter" sind hier häufig zu vage.
Typische Wix-Fehlerquellen
Die meisten Barrierefreiheitsprobleme in Wix entstehen aus drei Bereichen. Erstens, die Bildbeschreibungen. Viele Nutzer verwenden Bilder ohne Alternativtext. Zweitens, die Navigation. Wix-Menüs sind oft nicht für Tastatur-Nutzer konfigurierbar. Drittens, die Formulare. Zahlungsfelder oder Kontaktformulare fehlen häufig die richtigen Fehlermeldungen. Ein Beispiel: Ein Online-Shop in Hamburg hatte 2024 eine Klage bekommen, weil der Warenkorb-Button keine Aktion beschrieb. Screenreader-Nutzer konnten nicht erkennen, ob sie den Button richtig anklickten. Das ist nicht nur unpraktisch – es ist rechtlich problematisch.
Schritt-für-Schritt: Barrierefreiheit im Wix-Editor
Hier sind die konkreten Schritte, die Sie im Wix-Editor ausführen müssen. Sie brauchen keine Programmierkenntnisse. Die wichtigsten Änderungen finden Sie in den Design- und Einstellungsmenüs.
1. Bilder und Medien richtig beschriften
Gehen Sie zu Design > Elemente. Klicken Sie auf das Bild, das Sie bearbeiten möchten. Im rechten Panel finden Sie den Abschnitt Bildbeschreibung. Geben Sie hier eine kurze, präzise Beschreibung ein. Beispiel: "Blauer Tisch mit Holzstruktur und zwei weißen Stühlen". Vermeiden Sie "Bild von..." oder "Screenshot". Nutzen Sie stattdessen relevante Keywords. Für eine Produktseite könnte das sein: "Blauer Holztisch, Modell 'Berlin', 120 cm breit". Wichtig: Die Beschreibung darf nicht länger als 120 Zeichen sein. Andernfalls wird sie von Screenreadern abgeschnitten.
2. Menüs für Tastatur-Nutzer optimieren
Gehen Sie zu Design > Menüs. Wählen Sie das Menü aus, das Sie bearbeiten möchten. Klicken Sie auf das Zahnrad-Symbol > Einstellungen. Aktivieren Sie die Option Tastatur-Navigation aktivieren. Prüfen Sie dann die Fokus-Struktur. Jedes Menü-Element muss einen klaren Fokus-Zustand haben. Testen Sie dies mit der Tab-Taste auf Ihrem Computer. Wenn Sie nicht durch alle Menüpunkte navigieren können, ist die Struktur falsch. Korrigieren Sie die Reihenfolge in den Menü-Einstellungen. Stellen Sie sicher, dass die Hauptnavigation immer als erstes im Fokus steht.
3. Formulare barrierefrei gestalten
Gehen Sie zu Design > Formulare. Wählen Sie das Formular aus. Klicken Sie auf das Zahnrad-Symbol > Einstellungen. Aktivieren Sie Barrierefreiheit aktivieren. Für jedes Feld müssen Sie eine Fehlermeldung definieren. Beispiel: Für ein E-Mail-Feld: "Bitte geben Sie eine gültige E-Mail-Adresse ein. Beispiel: [email protected]". Vermeiden Sie generische Meldungen wie "Fehler". Testen Sie die Formulare mit einem Screenreader. Nutzen Sie Tools wie WAVE (w3.org/wai/eval工具) für schnelle Prüfungen. Wichtig: Alle Pflichtfelder müssen mit einem Sternchen (*) markiert sein. Das ist für Screenreader-Nutzer entscheidend.
Wichtige Tools für die Prüfung
Sie können nicht alle Fehler selbst erkennen. Nutzen Sie diese Tools:
- WAVE-Prüfung: Klicken Sie auf Design > Tools > WAVE. Dies zeigt Ihnen sofort alle Barrierefreiheitsprobleme. Besonders nützlich für Textfarben und Kontraste.
- Screenreader-Test: Nutzen Sie NVDA (kostenlos) oder JAWS (kostenpflichtig). Testen Sie die Navigation mit der Tab-Taste. Hören Sie, ob alle Elemente korrekt beschriftet sind.
- WCAG-Konformitätsprüfung: Gehen Sie zu Design > Tools > WCAG-Prüfung. Dieser Check prüft automatisch 64% der wichtigsten Kriterien. Sie erhalten eine detaillierte Liste der Fehler.
Was Sie vor 2026 unbedingt tun müssen
Die rechtlichen Vorgaben werden strenger. Ab 2026 müssen alle öffentlichen Websites und E-Commerce-Seiten vollständig barrierefrei sein. Hier sind die drei dringendsten Schritte:
- Kontaktformulare prüfen: Alle Felder müssen eine klare Fehlermeldung haben. Testen Sie dies mit falschen Eingaben.
- Bildbeschreibungen überarbeiten: Vermeiden Sie generische Beschreibungen. Nutzen Sie relevante Keywords für SEO.
- Tastaturnavigation testen: Prüfen Sie, ob Sie mit der Tab-Taste durch alle Menüpunkte navigieren können.
Häufige Fehler und Lösungen
- Fehler: Bildbeschreibung zu lang.
Lösung: Kürzen Sie die Beschreibung auf maximal 120 Zeichen. - Fehler: Formulare ohne Fehlermeldung.
Lösung: Definieren Sie für jedes Feld eine spezifische Fehlermeldung. - Fehler: Menü nicht mit Tastatur navigierbar.
Lösung: Aktivieren Sie die Tastatur-Navigation in den Menü-Einstellungen.
Fazit
Barrierefreiheit ist nicht nur rechtlich wichtig – es ist auch gut für die Kundenbindung. Mit diesen Schritten können Sie Ihre Wix-Website schnell und einfach barrierefrei gestalten. Prüfen Sie regelmäßig mit den Tools, die wir empfohlen haben. So vermeiden Sie rechtliche Probleme und gewinnen Kunden, die auf Barrierefreiheit Wert legen.