WordPress barrierefrei machen: BFSG, WCAG & Plugins (2026)

Q: Was kostet es, WordPress barrierefrei zu machen?

Eine neu erstellte barrierefreie WordPress-Website kostet ab 759 €. Die nachträgliche Barrierefreiheitsprüfung und Optimierung einer bestehenden Website beginnt ab 299 €.

Q: Verbessert Barrierefreiheit auch mein Google-Ranking?

Indirekt ja. Alt-Texte, semantisches HTML und korrekte Überschriftenhierarchie sind sowohl für Barrierefreiheit als auch für SEO relevant. Bessere Nutzererfahrung wirkt sich positiv auf Verweildauer und Absprungrate aus.

WordPress barrierefrei zu gestalten ist seit dem 28. Juni 2025 für viele Unternehmen gesetzlich Pflicht. Das Barrierefreiheitsstärkungsgesetz (BFSG) setzt die EU-Richtlinie in deutsches Recht um. In diesem Leitfaden erfahren Sie, was konkret umzusetzen ist – WCAG-Standards, die richtigen Plugins und eine Checkliste für Ihre WordPress-Website.

Was bedeutet Barrierefreiheit im Web?

Eine barrierefreie Website ist so gestaltet, dass Menschen mit Behinderungen sie vollständig nutzen können – unabhängig davon, ob sie einen Screenreader verwenden, ausschließlich die Tastatur bedienen oder auf kontrastreiche Darstellung angewiesen sind. Barrierefreiheit betrifft:

Visuelle Einschränkungen

Blinde oder sehbehinderte Nutzer verwenden Screenreader. Alt-Texte, ARIA-Labels und semantisches HTML sind essenziell.

Motorische Einschränkungen

Nutzer ohne Mausbedienung navigieren per Tastatur. Tab-Reihenfolge, fokussierbare Elemente und Skip-Links sind Pflicht.

Kognitive Einschränkungen

Klare Struktur, einfache Sprache und konsistente Navigation helfen Menschen mit Lernbehinderungen oder Konzentrationsproblemen.

Höreinschränkungen

Videos benötigen Untertitel oder Transkripte. Audioinhalte dürfen nicht die einzige Informationsquelle sein.

Der internationale Standard für Web-Barrierefreiheit ist die WCAG (Web Content Accessibility Guidelines), aktuell in Version 2.1 (und 2.2). Sie definiert drei Konformitätsstufen: A (Minimum), AA (Ziel für die meisten Websites) und AAA (optimal).

BFSG: Pflichten für Website-Betreiber ab 2025

Das Barrierefreiheitsstärkungsgesetz (BFSG) ist seit dem 28. Juni 2025 in Kraft. Es setzt die EU-Richtlinie 2019/882 (European Accessibility Act) in deutsches Recht um. Was bedeutet das konkret?

Wer ist betroffen?

Unternehmen, die digitale Dienstleistungen und Produkte an Verbraucher verkaufen (B2C)
E-Commerce-Websites, Online-Shops, digitale Buchungssysteme
Apps, Software und digitale Inhalte für Endkunden
Ausnahme: Kleinstunternehmen (< 10 Mitarbeiter, < 2 Mio. € Umsatz) für Dienstleistungen (nicht Produkte)

Für öffentliche Stellen (Behörden, Kommunen) galt die Pflicht zur Barrierefreiheit bereits früher – durch das Behindertengleichstellungsgesetz (BGG) und die BITV 2.0. Das BFSG erweitert diese Pflicht nun auf private Unternehmen.

⚠️ Wichtig: Auch wenn Ihr Unternehmen nicht direkt unter das BFSG fällt, schützt eine barrierefreie Website vor Abmahnungen nach dem Wettbewerbsrecht und verbessert nachweislich SEO-Rankings sowie Nutzerfreundlichkeit für alle Besucher.

WCAG 2.1 für WordPress umsetzen

Die WCAG 2.1 Level AA ist der Mindeststandard für das BFSG. Die vier Grundprinzipien lauten POUR:

Prinzip	Bedeutung	Praxis-Beispiel
Wahrnehmbar	Inhalte müssen für alle Sinne zugänglich sein	Alt-Texte für Bilder, Kontrastverhältnis ≥ 4,5:1
Bedienbar	Navigation muss ohne Maus möglich sein	Tastaturbedienbarkeit, kein Zeitlimit, Skip-Links
Verständlich	Inhalte und Bedienung müssen klar sein	Klare Fehlermeldungen, konsistente Navigation
Robust	Inhalte müssen mit Hilfstechnologien funktionieren	Valides HTML, ARIA-Rollen, semantische Struktur

Das richtige Theme wählen

Der erste Schritt zu einer barrierefreien WordPress-Website ist die Wahl eines zugänglichen Themes. Folgende Themes sind für Barrierefreiheit empfehlenswert:

Astra – Leichtgewichtig, WCAG 2.1 AA konform, sehr anpassbar
GeneratePress – Saubere semantische Struktur, ideal für Screenreader
Kadence – Gute Tastaturnavigation, starke Accessibility-Einstellungen
Twenty Twenty-Four – Offizielles WordPress-Standard-Theme, zugänglich gestaltet

Meiden Sie schwere Page-Builder wie ältere Versionen von Elementor oder Divi, die oft nicht-semantisches HTML erzeugen und Tastaturnavigation erschweren.

WordPress Barrierefreiheit-Plugins

Kein Plugin allein macht eine Website vollständig barrierefrei – aber die richtigen Werkzeuge helfen erheblich bei Prüfung und Umsetzung:

Accessibility Checker
von Equalize Digital

Automatischer Scan aller Seiten im Backend
Zeigt konkrete WCAG-Verstöße mit Lösungshinweisen
Kostenlose Basisversion verfügbar
Empfohlen für die laufende Qualitätssicherung

WP Accessibility Helper
von Renato Alves

Fügt Frontend-Toolbar für Nutzer hinzu
Schriftgrößen-Anpassung, Kontrast-Umschalter
Skip-Links automatisch hinzugefügt
Kostenlos, leichtgewichtig

One Click Accessibility
von Elementor

Schnelle Grundoptimierungen per Klick
ARIA-Landmarks, Skip-Links, Outline-Fix
Gut für Einsteiger
Kostenlos

WP ADA Compliance Check
von Webgroup Media

WCAG- und ADA-Konformitätsprüfung
Detaillierte Fehlerberichte
Gut für professionelle Audits
Kostenlose & Premium-Version

Hinweis: Sogenannte „Overlay-Plugins“ (z. B. accessiBe, UserWay), die per JavaScript nachträglich Barrierefreiheit simulieren, sind umstritten. Sie lösen keine strukturellen Probleme, können Screenreader stören und werden von Accessibility-Experten oft abgelehnt. Echte Barrierefreiheit entsteht durch saubere Entwicklung, nicht durch Overlays.

Technische Maßnahmen Schritt für Schritt

1. Alt-Texte für alle Bilder

Jedes informationstragende Bild benötigt einen beschreibenden Alt-Text. Dekorative Bilder erhalten ein leeres alt=""-Attribut, damit Screenreader sie überspringen. In WordPress vergeben Sie Alt-Texte direkt in der Medienbibliothek oder beim Einfügen von Bildern im Editor.

2. Farbkontraste prüfen

WCAG 2.1 AA verlangt ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text (ab 18pt oder 14pt fett). Testen Sie Ihre Farben kostenlos mit dem WebAIM Contrast Checker oder dem Browser-Entwicklertool.

3. Tastaturbedienbarkeit sicherstellen

Navigieren Sie Ihre gesamte Website ausschließlich mit der Tab-Taste. Alle interaktiven Elemente (Links, Buttons, Formulare, Menüs) müssen erreichbar und bedienbar sein. Ein sichtbarer Fokus-Indikator darf nicht via CSS entfernt werden.

4. Semantisches HTML verwenden

Strukturieren Sie Inhalte mit semantischen HTML-Elementen: <nav> für Navigation, <main> für den Hauptinhalt, <header> und <footer> für die entsprechenden Bereiche. H1–H6-Überschriften müssen hierarchisch korrekt eingesetzt werden.

5. Formulare zugänglich gestalten

Jedes Formularfeld braucht ein sichtbares <label>-Element. Pflichtfelder müssen als solche markiert sein (nicht nur durch Farbe). Fehlermeldungen müssen programmatisch mit dem betroffenen Feld verknüpft sein.

6. Videos und Medien

Videos benötigen Untertitel (synchronisiert, nicht automatisch generiert). Für Audio-Inhalte sind Transkripte bereitzustellen. Videos dürfen nicht automatisch mit Ton starten.

Barrierefreiheit testen: WAVE, axe DevTools, Lighthouse & NVDA

Automatisierte Tests finden rund 30–40 % aller Barrierefreiheitsprobleme. Das vollständige Bild entsteht erst durch die Kombination mehrerer Tools und manuellem Screenreader-Testing.

WAVE (WebAIM)

Browser-Extension (Chrome/Firefox), die WCAG-Fehler und Warnungen direkt als visuelles Overlay auf der Seite einblendet. Ideal für schnelle Erstprüfungen. Kostenlos unter wave.webaim.org.

axe DevTools (Deque)

Chrome/Firefox Extension, integriert in die Browser-Entwicklertools. Liefert detaillierte WCAG-Fehlerbeschreibungen mit konkreten Lösungshinweisen. Keine False Positives. Kostenlose Basisversion.

Google Lighthouse

Direkt in Chrome DevTools integriert (F12 → Lighthouse → Accessibility). Gibt einen Score von 0–100 und zeigt konkrete Verstöße. Schnell, kein Extra-Tool nötig. Ideal als erster Check.

NVDA Screenreader

Kostenloser Screenreader für Windows (nvaccess.org). Zeigt, wie blinde Nutzer die Website tatsächlich erleben. Kein automatisiertes Tool ersetzt diesen manuellen Test — besonders für Formulare und Navigation.

Empfohlene Testreihenfolge: 1. Lighthouse-Quickcheck → 2. WAVE für visuelle Übersicht → 3. axe für detaillierte WCAG-Fehler → 4. Manuelle Tastaturnavigation → 5. NVDA-Screenreader-Test auf kritischen Seiten (Startseite, Kontakt, Shop-Checkout).

WordPress Barrierefrei Checkliste 2026

Maßnahme	WCAG-Kriterium
✅ Alt-Texte für alle informativen Bilder	1.1.1 (A)
✅ Farbkontrast Text ≥ 4,5:1	1.4.3 (AA)
✅ Website vollständig per Tastatur bedienbar	2.1.1 (A)
✅ Sichtbarer Fokus-Indikator aktiv	2.4.7 (AA)
✅ Skip-Link „Zum Hauptinhalt“ vorhanden	2.4.1 (A)
✅ Seitentitel eindeutig und beschreibend	2.4.2 (A)
✅ Überschriftenhierarchie korrekt (H1 → H2 → H3)	1.3.1 (A)
✅ Formulare mit verknüpften Labels	1.3.1 (A)
✅ Sprache der Seite im HTML angegeben (lang=“de“)	3.1.1 (A)
✅ Fehlermeldungen textbasiert (nicht nur Farbe)	1.4.1 (A)
✅ Videos mit Untertiteln versehen	1.2.2 (A)
✅ WCAG-Prüfung mit Accessibility Checker durchgeführt	Audit

Als WordPress-Freelancer aus Landau setze ich Ihre Website BFSG- und WCAG-konform um – strukturell sauber, ohne Overlay-Tricks, mit nachweisbarer Konformität. Festpreis, direkter Ansprechpartner, keine Agentur-Aufschläge.

Kostenlose Barrierefreiheits-Beratung →

Barrierefreiheitserklärung: Pflichtdokument ab 2025

Die Barrierefreiheitserklärung (engl. Accessibility Statement) ist für viele Unternehmen seit dem 28. Juni 2025 Pflicht. Sie dokumentiert den Konformitätsstatus Ihrer Website und gibt Nutzern eine Kontaktstelle für Rückmeldungen.

Was die Barrierefreiheitserklärung enthalten muss:

Konformitätsstatus — Vollständig konform / teilweise konform / nicht konform mit WCAG 2.1 AA
Nicht barrierefreie Inhalte — Auflistung bekannter Probleme mit Begründung und Zeitplan zur Behebung
Feedback-Mechanismus — Kontaktstelle (E-Mail oder Formular) für Nutzer, die Probleme melden möchten
Durchsetzungsverfahren — Hinweis auf Beschwerdestelle (z. B. Marktüberwachungsbehörde)
Datum der letzten Überprüfung — Wann wurde die Website zuletzt auf Barrierefreiheit geprüft?

Die Barrierefreiheitserklärung wird als eigene Seite auf Ihrer Website veröffentlicht und im Footer verlinkt — ähnlich wie Impressum und Datenschutzerklärung. Die EU-Kommission stellt eine standardisierte Mustervorlage bereit.

Wer braucht eine Barrierefreiheitserklärung?

Öffentliche Stellen sind nach BITV 2.0 bereits länger verpflichtet. Ab 2025 sind durch das BFSG zusätzlich private Unternehmen im B2C-Bereich betroffen, die digitale Produkte und Dienstleistungen anbieten. Kleinstunternehmen (unter 10 MA, unter 2 Mio. € Umsatz) sind für Dienstleistungen ausgenommen — aber nicht für Produkte.

Häufige Fragen zur WordPress Barrierefreiheit

Gilt das BFSG für meine WordPress-Website? +

Das BFSG gilt seit dem 28. Juni 2025 für Unternehmen, die digitale Dienstleistungen und Produkte an Verbraucher (B2C) anbieten – also insbesondere Online-Shops und digitale Buchungssysteme. Kleinstunternehmen mit weniger als 10 Mitarbeitern und unter 2 Mio. € Jahresumsatz sind für Dienstleistungen ausgenommen, nicht aber für Produkte. Wenn Sie unsicher sind, ob Ihr Betrieb betroffen ist, empfehlen wir eine rechtliche Beratung.

Was kostet es, WordPress barrierefrei zu machen? +

Die Kosten hängen stark vom Ausgangszustand Ihrer Website ab. Eine neu erstellte WordPress-Website mit barrierefreiem Theme und korrekter Entwicklung kostet ab 759 €. Die nachträgliche Barrierefreiheitsprüfung und Optimierung einer bestehenden Website beginnt ab 299 €. Für eine genaue Einschätzung bieten wir ein kostenloses Erstgespräch an.

Kann ein Plugin meine Website vollständig barrierefrei machen? +

Nein. Kein Plugin kann strukturelle Barrierefreiheitsprobleme vollständig beheben. Overlay-Tools, die per JavaScript Barrierefreiheit simulieren, sind keine rechtssichere Lösung und werden von Hilfsmitteln wie Screenreadern oft gestört. Echte Barrierefreiheit entsteht durch sauberes semantisches HTML, korrekte ARIA-Implementierung und ein zugängliches Theme – also durch Entwicklung, nicht durch Patches.

Was ist der Unterschied zwischen BFSG und BITV 2.0? +

Die BITV 2.0 gilt für öffentliche Stellen in Deutschland und basiert auf WCAG 2.1 Level AA. Das BFSG gilt seit 2025 zusätzlich für private Unternehmen im B2C-Bereich. Beide verlangen im Wesentlichen WCAG 2.1 AA – das BFSG greift jedoch auch auf den Europäischen Standard EN 301 549 zurück.

Verbessert Barrierefreiheit auch mein Google-Ranking? +

Indirekt ja. Viele Barrierefreiheitsmaßnahmen decken sich mit SEO Best Practices: sinnvolle Alt-Texte verbessern die Bildindexierung, semantisches HTML hilft Crawlern, eine korrekte Überschriftenhierarchie strukturiert Inhalte für Google. Außerdem verbessert Barrierefreiheit die Nutzererfahrung, was positiv auf Verweildauer und Absprungrate einzahlt.