Eine barrierefreie Website erstellen mit Wix
- 19. Feb.
- 9 Min. Lesezeit
Aktualisiert: 23. Feb.
Wenn du deine eigene Website erstellen willst, hast du natürlich das Ziel, dass sie von so vielen Menschen wie möglich besucht wird, damit alle dein Portfolio bewundern, deine Dienstleistungen entgegennehmen oder in deinem Online-Shop einkaufen können.
Doch das Thema Barrierefreiheit im Internet ist nach wie vor ein Gebiet, in dem soziale Ungleichheit herrscht. Rund 1 Milliarde Menschen auf der ganzen Welt können aufgrund von Behinderungen auf die meisten Services und Informationen im Internet nicht eigenständig und ohne die Hilfe Anderer zugreifen – das sind 15 % der Weltbevölkerung. Allein in Deutschland lebten im Jahr 2023 rund 7,9 Millionen Menschen mit einer amtlich anerkannten Behinderung.
Wir bei Wix finden, dass sich diese Zahlen ändern müssen. Bereits seit 2016 versucht Wix immer wieder neue Wege zu finden, um die Barrierefreiheit im Internet zu gewährleisten und Nutzer:innen zu ermöglichen, barrierefreie Websites zu erstellen und somit die Inklusion im Web zu fördern. Nach jahrelanger Entwicklung unserer Funktionen zur Barrierefreiheit freuen wir uns, dir in diesem Artikel den Wizard für Barrierefreiheit vorstellen zu können. Mehr über die Erklärung zur Barrierefreiheit von Wix kannst du hier nachlesen.
Hast du noch Fragen zu was ist Wix? In diesem Artikel erfährst du mehr.
Inhaltsverzeichnis
01. Barrierefreiheit Definition: Was ist Barrierefreiheit?
Eine Website ist dann barrierefrei, wenn sie so gestaltet ist, dass sie für alle Menschen – unabhängig von ihren körperlichen oder geistigen Fähigkeiten – wahrnehmbar, bedienbar und verständlich ist. Das bedeutet weit mehr als nur eine einfache Navigation: Informationen müssen so aufbereitet sein, dass sie auch bei visuellen, auditiven oder motorischen Einschränkungen einwandfrei und ohne fremde Hilfe konsumiert werden können.
Dazu gehören zum Beispiel starke Farbkontraste für Menschen mit Sehbehinderungen, die Unterstützung von Screenreadern für blinde Nutzer:innen oder eine Logik, die rein über die Tastatur steuerbar ist. Nur wenn Inhalte barrierefrei sind, können alle Besucher:innen die Informationen ohne Nachteile erfassen und mit ihnen interagieren.
Wix hat es sich zum Ziel gemacht, jede Website für alle Menschen mit speziellen Bedürfnissen zugänglich zu machen und Websites so zu gestalten, dass auch Besucher:innen mit unterschiedlichen Einschränkungen mit ihnen interagieren können. Jede mit Wix erstellte Website soll für die breite Öffentlichkeit nutzbar gemacht werden, einschließlich Personen mit:
Sehbehinderungen (z. B. Blindheit, Farbenblindheit oder geringe Sehkraft)
Motorischen Behinderungen (z. B. eingeschränkte Handkoordination)
Hörbehinderungen (z. B. Gehörlosigkeit oder Schwerhörigkeit)
Kognitiven Behinderungen (z. B. Lernschwierigkeiten oder neurologische Einschränkungen)
Situativen oder vorübergehenden Behinderungen (z. B. ein gebrochener Arm oder helle Sonneneinstrahlung auf dem Display)
Natürlich haben wir keinen direkten Einfluss darauf, wie unsere Nutzer:innen ihre Websites gestalten, welche Inhalte sie enthalten oder wie zugänglich und barrierefrei sie sind. Wir können ihnen jedoch dabei helfen und ihnen Tools wie den Wizard für Barrierefreiheit sowie barrierefreie Vorlagen zur Verfügung stellen, um ihre Website barrierefrei zu gestalten – darin liegt unsere Verantwortung und der Grundstein für die Community bei Wix.
Lesetipps:
02. Die Geschichte des Wix Wizard für Barrierefreiheit
Die Entwickler:innen bei Wix haben fünf Jahre damit verbracht, die Barrierefreiheit unserer gesamten Plattform ständig voranzutreiben. Dazu haben wir unzählige Fehler behoben, proaktiv barrierefreie Produkte entwickelt und die Unterstützung von Screenreadern auf unseren Websites verbessert und vieles mehr. Während dieser Zeit haben wir etwas Entscheidendes erkannt: Es reicht nicht, unsere eigenen Produkte voranzutreiben und weiterzuentwickeln – wir müssen vor allem daran arbeiten, die Inhalte unserer Nutzer:innen so barrierefrei wie möglich zu gestalten.
Unser erster Schritt in diese Richtung war es, unsere Checkliste für Barrierefreiheit zu erstellen und diese unseren Nutzer:innen bereitzustellen. Mithilfe dieser Checkliste können Websitebetreiber:innen überprüfen, ob das Design ihrer Website den grundlegendsten Gesetzen zur Barrierefreiheit genügen. Außerdem bietet die Checkliste hilfreiche Hinweise, um eine Website barrierefrei zu gestalten, z. B. das Aktivieren von visuellen Indikatoren, das Verbessern des Farbkontrasts, das Hinzufügen von Überschriften sowie die Auswahl der richtigen Schriftart.
Um das Erstellen einer barrierefreien Website zukünftig noch einfacher und zugänglicher zu gestalten, haben wir nun den Wizard für Barrierefreiheit entwickelt, der es unseren Nutzer:innen ermöglicht, Probleme der Barrierefreiheit auf ihren Websites direkt im Wix Editor zu beheben.
03. So funktioniert der Wix Wizard für barrierefreie Websites
Der in den Wix Editor integrierte Wizard für Barrierefreiheit ist wohl das innovativste Tool unserer umfassenden Lösung für Barrierefreiheit. Die Funktionen für Barrierefreiheit von Wix wurden in Übereinstimmung mit den Richtlinien für barrierefreie Webinhalte (Content Accessibility Guidelines (WCAG 2.1), dem gemeinsamen globalen Standard für barrierefreie Webinhalte, entwickelt. Außerdem ist Wix dabei, sich den neuen Standards 2.2 anzupassen.
Mit dem Wix Wizard für Barrierefreiheit wirst du direkt mit in den Prozess eingebunden, deine Website barrierefrei zu machen. Der Wizard identifiziert, an welchen Stellen deiner Website du die Barrierefreiheit verbessern kannst und bietet dir praktische Lösungen für die Umsetzung an.
04. Eine barrierefreie Website in 3 Schritten
1. Automatisches Durchsuchen deiner Website
Der erste Schritt, um deine Website barrierefrei zu gestalten, besteht darin, vorhandene Probleme zu identifizieren. Sobald du den Wizard für Barrierefreiheit geöffnet hast, wirst du aufgefordert, dem Wizard das Durchsuchen deiner Website zu gestatten.
Nach dem Durchsuchen zeigt dir der Wizard die Probleme auf deiner Website auf, die der Barrierefreiheit im Weg stehen wie z. B.: fehlender Alternativtext, schlechte Farbkontraste oder unzureichende Überschriften. So bist du in der Lage, diese Schritt für Schritt direkt im Editor zu beheben und ähnliche Fehler zukünftig zu vermeiden.
2. Umsetzbare Lösungen
Sobald der erste Schritt abgeschlossen ist, wird dir eine Liste mit Elementen angezeigt, auf die du achten und die du auf deiner Website anpassen musst. Der Wizard hebt Bereiche auf deiner Website hervor, die du überprüfen und korrigieren kannst und macht dich auch auf weitere potenzielle Probleme aufmerksam. Außerdem bekommst du detaillierte Richtlinien, wie du die entsprechenden Elemente und Einstellungen anpassen kannst.
Wir empfehlen dir, diesem Schritt besondere Aufmerksamkeit zu schenken, da du hier die großartige Gelegenheit hast, deine Website manuell auf Problemen mit der Barrierefreiheit zu untersuchen. Nachdem du deine Korrekturen vorgenommen hast, durchsucht der Wizard deine Website erneut. Sobald keine Probleme mehr auf deiner Website festgestellt werden können, wird dir eine Erfolgsmeldung angezeigt.
Nun musst du deine Website nur noch veröffentlichen, damit auch auf deiner Live-Website alle Veränderungen umgesetzt und angezeigt werden können. Uns ist es wichtig, dich darauf hinzuweisen, dass dass sich die lokalen Bestimmungen je nach Land unterscheiden können, die die Barrierefreiheit regeln. Um auf Nummer sicherzugehen, kannst du deine Website von einem Experten für Barrierefreiheit überprüfen lassen.
Pro-Tipp: Jede Änderung auf deiner Website kann zu neuen Hindernissen für die Barrierefreiheit führen. Daher empfehlen wir dir, deine Website jedes Mal neu vom Wizard durchsuchen zu lassen, wenn du Änderungen vorgenommen hast.
3. Erweiterte Einstellungen für die Barrierefreiheit
Um die Barrierefreiheit deiner Website weiter zu verbessern, bietet dir der Wix Wizard für Barrierefreiheit hilfreiche erweiterte Einstellungen. Diese kannst du direkt im Wizard anzeigen lassen, ändern und somit für deine Website aktivieren.
Blaue Rahmen: Visuelle Indikatoren unterstützen Website-Besucher:innen die Tastaturen und Eingabehelfer für die Navigation auf deiner Website zu verwenden. Wenn diese Einstellung aktiviert ist, erscheint ein blauer Indikator rund um den Fokuswechsel. Besucher:innen können zu verschiedenen Elementen wechseln, indem sie die Tab-Taste drücken. Diese Ringe sind zweifarbig und immer sichtbar, unabhängig von der Hintergrundfarbe einer Website.
Zum Hauptinhalt wechseln: Mit dieser Einstellung können Nutzer:innen von Tastaturen und Eingabehelfern direkt zum Hauptinhalt jeder Seite springen, wenn du sie aktiviert hast.
Automatische DOM Order: Durch die Drag-and-Drop-Funktion kannst du deine Website in beliebiger Reihenfolge gestalten. Wenn du die automatische DOM-Funktion (Document Object Model) aktivierst, werden diese Elemente so angeordnet, dass sie die von dir definierte visuelle Reihenfolge widerspiegeln, damit Besucher:innen, die auf Tastatur oder Screenreader angewiesen sind, sich problemlos durch deine Website navigieren können. Weitere Informationen dazu, wie du deine Website für Screenreader vorbereiten kannst, findest du in unserem Hilfe-Center.
Barrierefreiheit Dev-Tools: Wenn du diesen Schalter aktivierst, werden erweiterte Einstellungen für die Barrierefreiheit verfügbar, die du anpassen kannst, wie z. B. ARIA-Labels und Tabindex.
So verwendest du den Wizard für Barrierefreiheit:
Öffne deinen Editor.
Klicke rechts in der oberen Symbolleiste auf Einstellungen.
Klicke auf Wizard für Barrierefreiheit.
Klicke rechts im Editor auf Website durchsuchen.
Hier findest du eine vollständige Schritt-für-Schritt-Anleitung zur Verwendung des Wizards für Barrierefreiheit von Wix.
05. Warum ist es wichtig, eine barrierefreie Website zu erstellen?
Egal, ob du einen Online-Shop, eine Unternehmenswebsite betreibst oder dein Online-Portfolio darstellst – es liegt in unserer aller Macht und Verantwortung, das Internet zu einem Ort der Inklusion zu machen und Websites zu erstellen, die diese Mission vorantreiben.
Hier sind gute Gründe, warum du eine barrierefreie Website erstellen solltest.
Du erreichst noch mehr Kund:innen
Es ist längst ein veralteter Ansatz zu glauben, dass sich eine barrierefreie Website und gute SEO (Suchmaschinenoptimierung) gegenseitig ausschließen. Ganz im Gegenteil können Funktionen zur Förderung der Barrierefreiheit, wie zum Beispiel Alt-Text und Überschriften das Ranking deiner Website bei Suchmaschinen wie Google verbessern.
Eine barrierefreie Website führt nicht zuletzt dazu, dass dein Publikum und Kundenstamm wachsen können, indem auch Käufer:innen mit Behinderungen online shoppen können.
Du entwickelst ein positives Markenimage
Durch digitale Inklusion übernimmst du soziale Verantwortung und das wirkt sich meist positiv auf das Image deiner Marke und deines Unternehmens aus. Außerdem verbesserst du natürlich das Surferlebnis auf deiner Website und steigerst so die Kundenzufriedenheit.
Du hältst dich an die Gesetze
Das Thema Barrierefreiheit ist heute weit mehr als nur ein ethischer Standard – es ist rechtlich verankert. Seit dem 28. Juni 2025 ist die Barrierefreiheit-Website-Pflicht durch das Barrierefreiheitsstärkungsgesetz (BFSG) in Deutschland für viele Unternehmen, insbesondere im E-Commerce und bei digitalen Dienstleistungen, endgültig in Kraft getreten.
Eine barrierefreie Website erfüllt deutsches und EU-Recht (basierend auf dem European Accessibility Act). Wer die gesetzlichen Anforderungen ignoriert, riskiert nicht nur den Ausschluss potenzieller Kundengruppen, sondern auch empfindliche Konsequenzen:
Geldbußen: Bei Verstößen gegen das BFSG können Bußgelder von bis zu 100.000 Euro verhängt werden.
Abmahngefahr: Auch wettbewerbsrechtliche Abmahnungen durch Verbände oder Mitbewerber sind möglich.
Marktaufsicht: Behörden können im Ernstfall sogar die Einstellung digitaler Dienste anordnen, bis die Barrieren behoben sind.
Mit dem Wix Wizard für Barrierefreiheit stellst du sicher, dass dein Business rechtssicher aufgestellt ist und du von Anfang an auf Inklusion statt auf rechtliche Risiken setzt.
Du bist ein Teil sozialer und technologischer Innovation
Tools, Funktionen und Produkte für die Barrierefreiheit lösen häufig unerwartete Probleme, von denen alle Website-Besucher:innen profitieren können. Dazu gehören die volle Tastaturfunktionalität, der blaue Rahmen und die Optimierung für Screenreader, ganz zu schweigen vom Alt-Text.
Wir bei Wix möchten neue Standards für barrierefreies Webdesign setzen und damit Web-Entwickler:innen, Designer:innen und sogar unsere Konkurrenten dazu inspirieren, innovative Lösungen voranzutreiben, um das World Wide Web für jeden voll zugänglich und erlebbar zu machen.
Mehr zum Thema Barrierefreiheit von Wix findest du in unserer Erklärung zur Barrierefreiheit.
06. Fazit: Barrierefreie Website erstellen mit Wix
Eine erfolgreiche Website überzeugt nicht nur durch Design, Inhalte oder Performance – sie überzeugt vor allem dadurch, dass sie für alle zugänglich ist. Barrierefreiheit bedeutet digitale Chancengleichheit und ist längst kein optionales Feature mehr, sondern eine gesellschaftliche, wirtschaftliche und rechtliche Notwendigkeit.
Mit dem Wix Wizard für Barrierefreiheit erhältst du ein leistungsstarkes Tool, das dich Schritt für Schritt dabei unterstützt, deine Website inklusiv, nutzerfreundlich und gesetzeskonform zu gestalten. Du erreichst mehr Menschen, stärkst dein Markenimage, verbesserst dein SEO und minimierst rechtliche Risiken – während du gleichzeitig aktiv zu einem gerechteren Internet beiträgst.
Barrierefreies Webdesign ist kein Trend. Es ist die Zukunft. Und je früher du damit beginnst, desto größer ist dein Impact.
07. FAQ – Häufige Fragen zur barrierefreien Website
Wie mache ich eine barrierefreie Website?
Eine barrierefreie Website erstellst du, indem du deine Website nach den WCAG-Richtlinien gestaltest. Dazu gehören Alternativtexte für Bilder, ausreichende Farbkontraste, eine klare Überschriftenstruktur und vollständige Tastaturbedienbarkeit. Mit speziellen Prüf-Tools kannst du Barrieren identifizieren und Schritt für Schritt beheben. Wichtig: Barrierefreiheit ist ein fortlaufender Prozess.
Wie gestaltet man eine Webseite barrierefrei?
Eine barrierefreie Website ist klar strukturiert, gut lesbar und logisch aufgebaut. Sie funktioniert ohne Maus, unterstützt Screenreader und verwendet verständliche Sprache. Auch Formulare, Videos und interaktive Elemente müssen zugänglich gestaltet sein – zum Beispiel durch Beschriftungen oder Untertitel.
Was kostet es, eine Website barrierefrei zu machen?
Die Kosten für eine barrierefreie Website hängen vom Zustand deiner Website ab. Wird Barrierefreiheit von Anfang an berücksichtigt, ist der Mehraufwand meist gering. Bestehende Websites können je nach Umfang der Anpassungen mehr Aufwand erfordern. Langfristig ist Barrierefreiheit jedoch günstiger als mögliche Bußgelder oder Abmahnungen.
Was braucht eine barrierefreie Website?
Für eine barrierefreie Website brauchst du eine saubere technische Struktur (HTML), Alt-Texte für Bilder, starke Farbkontraste, klare Navigation, ARIA-Labels bei Bedarf sowie eine logische Reihenfolge der Inhalte. Ziel ist es, dass alle Nutzer:innen Inhalte wahrnehmen, verstehen und bedienen können.
Ist eine barrierefreie Website gesetzlich vorgeschrieben?
Für viele Unternehmen – insbesondere im digitalen Handel und bei Online-Dienstleistungen – gelten gesetzliche Vorgaben. Ob dein Unternehmen betroffen ist, hängt von Branche und Größe ab. Unabhängig davon steigert Barrierefreiheit Reichweite und Markenimage.
Verbessert Barrierefreiheit auch SEO?
Ja. Strukturierte Inhalte, Alt-Texte, klare Navigation und saubere Technik helfen nicht nur Nutzer:innen, sondern auch Suchmaschinen. Barrierefreiheit und SEO ergänzen sich daher ideal.
Du interessierst dich noch mehr für das Thema Webdesign? Dann interessieren dich vielleicht folgende Artikel:
Vanessa Roth
Blog Growth Managerin
