Barrierefreiheit wird für Websites immer wichtiger – und das nicht nur, weil alle Menschen möglichst problemlos auf Inhalte zugreifen können sollten. Auch rechtlich spielt das Thema eine immer größere Rolle. Seit dem 28.06.2025 gelten mit dem Barrierefreiheitsstärkungsgesetz (BFSG) neue Anforderungen für viele Unternehmen, Online-Shops und digitale Dienstleistungen.
WordPress bietet bereits eine gute Grundlage für barrierefreie Websites. Trotzdem reicht die Standardinstallation allein nicht aus. Entscheidend sind das richtige Theme, passende Plugins, gut aufbereitete Inhalte und regelmäßige Tests.
Die Grundlagen – WCAG und BFSG
Was sind WCAG 2.2 AA?
Die WCAG (Web Content Accessibility Guidelines) sind internationale Richtlinien für barrierefreie Websites. Sie basieren auf vier Grundprinzipien: Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit.
Die WCAG 2.2 AA bieten eine gute Orientierung für die Umsetzung. Dazu zählen unter anderem ausreichende Farbkontraste, Tastaturbedienbarkeit und eine klare Website-Struktur.
Wichtig: Das BFSG verweist nicht direkt auf WCAG 2.2. Es setzt den European Accessibility Act in deutsches Recht um. Für die technischen Anforderungen ist vor allem die europäische Norm EN 301 549 relevant, die sich derzeit im Wesentlichen an WCAG 2.1 AA orientiert. WCAG 2.2 AA sind trotzdem eine sinnvolle Grundlage, um deine Website zukunftsorientiert barrierefrei zu gestalten.
Einfach gesagt: Das Gesetz legt die Anforderungen fest. Die WCAG helfen dir bei der technischen Umsetzung. WCAG 2.2 AA gehen dabei bereits einen Schritt weiter.
BFSG – Wer muss umstellen?
Das BFSG betrifft bestimmte Produkte und Dienstleistungen für Verbraucher (B2C), darunter viele Online-Shops und digitale Buchungsangebote. Nicht jede Unternehmenswebsite ist automatisch betroffen.
Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme sind von den Anforderungen für Dienstleistungen ausgenommen. Für Produkte gilt diese Ausnahme nicht. Wer unter das Gesetz fällt, muss die geltenden Barrierefreiheitsanforderungen erfüllen. Andernfalls drohen rechtliche Konsequenzen und Bußgelder.
Barrierefreie WordPress-Themes auswählen
Accessibility Ready Themes
WordPress bietet spezielle „Accessibility Ready“-Themes an. Diese berücksichtigen bereits wichtige Anforderungen an die Barrierefreiheit, zum Beispiel eine saubere HTML-Struktur und die Bedienbarkeit per Tastatur.
Das spart dir später einiges an Arbeit. Allerdings bedeutet ein solches Theme nicht automatisch, dass deine gesamte Website barrierefrei ist. Auch Inhalte, Plugins und individuelle Anpassungen spielen eine wichtige Rolle.
Beliebte Themes
Themes wie GeneratePress, Astra und Neve können eine gute Grundlage bieten. Entscheidend ist aber immer, wie du sie einsetzt und welche Anpassungen du vornimmst.
Bei Page Buildern wie Elementor solltest du besonders genau hinschauen. Nicht alle Elemente sind automatisch barrierefrei. Hier können zusätzliche Anpassungen notwendig sein.
Plugins für mehr Barrierefreiheit
Mit den richtigen Plugins kannst du deine WordPress-Website an vielen Stellen verbessern. Sie helfen dir dabei, typische Barrieren zu erkennen und einzelne Funktionen zu ergänzen. Eine vollständige Prüfung ersetzen sie allerdings nicht.
WP Accessibility
WP Accessibility unterstützt dich mit verschiedenen Funktionen, beispielsweise Skip-Links und Verbesserungen bei der Tastaturbedienung. So lassen sich einige typische Probleme direkt angehen.
One Click Accessibility
Das Plugin bietet eine Toolbar mit praktischen Funktionen wie Schriftvergrößerung und Kontrastanpassungen. Das kann Besucher die Nutzung deiner Website erleichtern.
Accessibility Checker
Mit dem Accessibility Checker kannst du deine Inhalte direkt in WordPress auf mögliche Barrierefreiheitsprobleme prüfen. So fallen viele Fehler bereits beim Erstellen oder Bearbeiten von Beiträgen auf.
UserWay
UserWay bietet ebenfalls eine Toolbar mit Funktionen wie Textanpassungen, Kontrastwechsel und weiteren Bedienhilfen.
Inhalte barrierefrei erstellen
Bilder und Medien
Bilder brauchen aussagekräftige Alternativtexte, damit auch Menschen mit Screenreadern die Bildinhalte erfassen können. Beschreibe dabei kurz und verständlich, was auf dem Bild zu sehen ist. Rein dekorative Bilder können einen leeren Alt-Text erhalten.
SEO-Plugins wie Yoast SEO und Rank Math helfen dir dabei, fehlende Alt-Texte zu erkennen. Videos sollten außerdem Untertitel und möglichst auch Transkripte enthalten.
Überschriften und Struktur
Eine klare Struktur macht deine Website übersichtlicher und erleichtert die Orientierung. Achte auf eine sinnvolle Überschriftenhierarchie mit H1, H2 und H3. Auch Links sollten eindeutig beschriftet sein, damit direkt erkennbar ist, wohin sie führen.
Formulare optimieren
Formulare sollten einfach verständlich und vollständig per Tastatur bedienbar sein. Wichtig sind eindeutige Beschriftungen für Eingabefelder und verständliche Fehlermeldungen. Plugins wie Fluent Forms oder Gravity Forms bieten verschiedene Möglichkeiten, Formulare zu gestalten. Ob diese am Ende barrierefrei sind, hängt aber auch von der konkreten Umsetzung ab.
Technische Umsetzung für Barrierefreiheit in WordPress
Farben und Kontraste
Damit Texte gut lesbar sind, müssen sie sich ausreichend vom Hintergrund abheben. Die WCAG empfehlen für normalen Text ein Kontrastverhältnis von mindestens 4,5:1. Bei großen Texten reichen 3:1.
Mit dem WebAIM Contrast Checker kannst du schnell überprüfen, ob deine Farbkombinationen passen.
Tastatur- und Screenreader-Test
Eine barrierefreie Website sollte auch ohne Maus funktionieren. Teste deshalb, ob du alle wichtigen Bereiche mit der Tabulatortaste erreichen kannst und ob der Fokus gut sichtbar ist. Zusätzlich lohnt sich ein Test mit einem Screenreader. Dafür eignen sich beispielsweise NVDA oder VoiceOver. So merkst du schnell, ob Inhalte und Navigation auch vorgelesen verständlich sind.
Tools zum Testen
Automatische Checker
Du musst nicht jede mögliche Barriere von Hand suchen. Tools wie WAVE, axe DevTools und Google Lighthouse helfen dir dabei, viele technische Probleme aufzuspüren.
Sie sind ein guter erster Schritt, erkennen aber nicht alle Fehler. Deshalb solltest du dich nicht allein auf automatische Tests verlassen.
Manuelle Tests
Ergänze die automatischen Prüfungen durch ein paar einfache Tests:
- Funktioniert die Website komplett ohne Maus?
- Bleiben Texte und Inhalte bei einer Vergrößerung auf 200 % gut lesbar?
- Sind Kontraste und Fokusmarkierungen ausreichend?
- Lassen sich Menüs und Formulare problemlos bedienen?
Barrierefreiheit in WordPress: Da liegt oft das Problem
Typische Stolperfallen sind fehlende Alt-Texte, schlechte Kontraste, unklare Formulare und Menüs, die sich nicht per Tastatur bedienen lassen.
Viele verlassen sich außerdem ausschließlich auf automatische Tests oder installieren einfach ein Accessibility-Plugin. Das reicht aber nicht aus. Barrierefreiheit funktioniert nur dann richtig, wenn Technik, Design und Inhalte zusammenspielen.
Fazit:
Barrierefreiheit Schritt für Schritt umsetzen
Eine barrierefreie WordPress-Website ist kein Hexenwerk. Mit einem passenden Theme, den richtigen Plugins und einer sauberen Umsetzung kannst du schon viel erreichen.
Du verbesserst damit nicht nur die Nutzererfahrung, sondern machst deine Inhalte für alle Menschen zugänglich. Wenn deine Website unter das BFSG fällt, ist Barrierefreiheit außerdem eine rechtliche Verpflichtung.
Also: Fang am besten mit deinem Theme an, prüfe deine Plugins und wirf anschließend einen Blick auf Inhalte, Formulare und Navigation. Mit regelmäßigen Tests bleibt deine Website langfristig auf einem guten Weg.
Hinweis: Dieser Beitrag dient der allgemeinen Information und ersetzt keine Rechtsberatung. Ob deine Website unter das BFSG fällt und welche Anforderungen konkret gelten, solltest du im Zweifel juristisch prüfen lassen.