WordPress BFSG-konform machen: Die komplette Anleitung 2026

Stand: April 2026Lesezeit: 8 MinutenAutor: BFSGuard-Redaktion

Rund 43 % aller Websites weltweit laufen auf WordPress. In Deutschland nutzen über 2 Millionen Unternehmen das CMS. Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG) — und ein WordPress-Standardtheme reicht nicht aus, um die Anforderungen zu erfüllen. Diese Anleitung zeigt Ihnen in sieben konkreten Schritten, wie Sie Ihre WordPress-Website rechtssicher BFSG-konform machen.

Kurz-Antwort: WordPress ist BFSG-tauglich — aber nur mit dem richtigen Theme, korrekt konfiguriertem Editor, optimierten Plugins und einer § 14-BFSG-Erklärung. Mit BFSGuard-Widget automatisieren Sie 80 % der Arbeit in unter 2 Minuten.

1. Theme-Audit: Ist Ihr Theme überhaupt barrierefrei?

Viele beliebte Themes (Astra, OceanWP, GeneratePress) sind grundsätzlich barrierefrei-tauglich, aber nicht automatisch konform. Prüfen Sie:

Kontrast: Die Standardfarben müssen ein Verhältnis von mindestens 4,5:1 erfüllen
Fokus-Indikatoren: Beim Tab-Durchgang muss der aktive Link sichtbar umrandet sein
Überschriften-Struktur: Nur <h1> pro Seite, kein Überspringen von Ebenen
Landmark-Regionen: <header>, <main>, <nav>, <footer> korrekt gesetzt

Für den Test: installieren Sie das Plugin WP Accessibility Helper oder lassen Sie Ihre Seite von BFSGuard scannen — der Scanner liefert in 60 Sekunden eine detaillierte Problemliste.

2. Gutenberg-Blöcke barrierefrei nutzen

Gutenberg (der WordPress-Standardeditor) bietet Barrierefreiheits-Features, die viele Redakteure schlicht nicht kennen:

Bild-Block — ALT-Text zwingend

Jedes informative Bild benötigt einen aussagekräftigen ALT-Text. Dekorative Bilder bekommen alt="" (leer). Im Bild-Block: Seitenleiste → „Alternativer Text".

Button-Block — niemals „Klicken Sie hier"

Nutzen Sie beschreibende Button-Texte wie „BFSG-Checkliste herunterladen" statt „Mehr erfahren". Screenreader-Nutzer navigieren per Tabulator-Taste durch alle Links und Buttons — isolierte „Klicken Sie hier"-Elemente sind unverständlich.

Tabellen — Kopfzeilen markieren

Aktivieren Sie „Kopfzeile" im Tabellen-Block. Das erzeugt <th>-Elemente, die Screenreader als Spaltenüberschriften ansagen.

3. Elementor und Barrierefreiheit

Elementor ist mächtig, aber der Pagebuilder generiert häufig nicht-semantisches HTML. Beachten Sie:

Überschriften-Widget statt Text-Widget für alle Titel
Icon-Buttons benötigen aria-label oder versteckten Text
Slider-Widgets müssen Pausieren-Button haben (WCAG 2.2.2)
Pop-ups müssen per Escape-Taste schließbar sein und Fokus-Management umsetzen

Vorsicht: Elementor Pro-Templates aus dem Marketplace sind nicht auf Barrierefreiheit geprüft. Jeder Template-Kauf ist einzeln zu testen.

4. Die 7 wichtigsten WordPress-Plugins für BFSG

Plugin	Zweck	Kosten
BFSGuard Widget	35+ Auto-Fixes, § 14-Erklärung, Scanner	ab 19,99 €/M
Rank Math / Yoast SEO	Saubere URL-Struktur, Sprach-Attribut	kostenlos
WP Accessibility	Skip-Links, Kontrast-Fixes	kostenlos
Autoptimize	Performance (indirekt A11y)	kostenlos
Complianz	Cookie-Banner BFSG-konform	ab 39 €/J
Gravity Forms	Zugängliche Formulare	ab 59 $/J
Smush / ShortPixel	Bild-Optimierung + ALT-Hinweise	kostenlos+

5. WooCommerce: E-Commerce und BFSG

WooCommerce-Shops fallen vollständig unter das BFSG (Online-Shops sind B2C). Kritische Punkte:

Produktfilter mit Screenreader nutzbar (ARIA-Live-Regions)
Warenkorb-Updates akustisch oder visuell bestätigen
Checkout-Formulare mit <label> + autocomplete-Attributen
Fehlermeldungen mit aria-describedby am Feld verknüpfen

Mehr Details: BFSG für Online-Shops — der komplette Leitfaden

6. § 14-BFSG-Erklärung auf WordPress einbinden

Eine Barrierefreiheits-Erklärung nach § 14 BFSG ist gesetzlich verpflichtend. Sie muss enthalten:

Stand der Einhaltung (vollständig / teilweise / nicht)
Nicht-barrierefreie Inhalte + Begründung
Erstellungsdatum und Letzte Prüfung
Feedback-Mechanismus mit E-Mail
Schlichtungsstelle BGG, Berlin

BFSGuard erzeugt diese Erklärung automatisch auf Basis Ihres Scan-Ergebnisses. Einbindung per Widget: Die Seite erscheint unter /barrierefreiheit und ist im Footer zu verlinken.

7. Kontinuierliches Monitoring

BFSG-Konformität ist kein Einmal-Projekt. Jedes Plugin-Update, jede Theme-Anpassung, jede neue Seite kann neue Barrieren einführen. Setzen Sie auf wöchentliche automatische Scans.

WordPress-Site in 2 Minuten BFSG-konform scannen

Kostenloser WCAG 2.2 AA Scan. Sofort-Ergebnis. Ohne Kreditkarte.

Jetzt Scanner starten →

Häufige Fragen

Muss ich mein WordPress-Theme wechseln?

Nicht unbedingt. Die meisten modernen Themes lassen sich durch gezielte CSS- und Markup-Anpassungen BFSG-konform machen. Nur bei sehr alten oder pagebuilder-lastigen Themes lohnt ein Wechsel.

Reicht das BFSGuard-Widget allein?

Das Widget löst rund 80 % der typischen WCAG-Probleme automatisch (Kontraste, ALT-Texte, ARIA-Labels, Tastatur-Fokus). Für die restlichen 20 % — z. B. Videountertitel, semantische Überschriften-Struktur, komplexe Tabellen — sind inhaltliche Anpassungen durch den Betreiber nötig.

Wie verhält sich BFSGuard zu WP Accessibility Plugins?

BFSGuard ergänzt sich gut mit WP Accessibility: BFSGuard liefert den Scanner, die rechtsgültige Erklärung und die 35+ Auto-Fixes. WP Accessibility bietet zusätzliche Backend-Features für Redakteure (z. B. ALT-Text-Pflicht beim Hochladen). Parallel-Einsatz ist sinnvoll.

Verlangsamt BFSGuard meine WordPress-Site?

Nein. Das Widget lädt async (<script async>) und hat einen Impact von unter 50 ms. In unseren Messungen verbessert die korrektere Semantik sogar den Lighthouse-SEO-Score.