Barrierefreiheit WordPress: Plugins, Themes und Best Practices 2026

WordPress barrierefrei machen: Die besten Themes, Plugins und Einstellungen für WCAG 2.1 AA und BFSG-Konformität. Häufige WP-Fehler und wie Sie sie beheben.

EAA Checker Team9 Min. Lesezeit

WordPress betreibt über 43% aller Websites weltweit. Wenn das BFSG für Ihre Website gilt, ist WordPress kein Hindernis — aber auch keine Garantie. Die richtige Kombination aus Theme, Plugins und Einstellungen entscheidet darüber, ob Ihre WordPress-Site WCAG 2.1 AA erfüllt.

Was WordPress von Haus aus mitbringt

WordPress Core hat in den letzten Jahren erhebliche Fortschritte bei der Barrierefreiheit gemacht:

  • Der Block-Editor (Gutenberg) unterstützt Tastaturnavigation und Screen Reader
  • Alt-Text-Felder sind in der Mediathek für jedes Bild vorhanden
  • Standard-Themes folgen weitgehend semantischem HTML
  • Das Admin-Backend ist für Tastaturnutzer weitgehend bedienbar

Das Problem liegt fast immer am Theme und an Drittanbieter-Plugins — nicht am Core.

Die besten barrierefreien WordPress-Themes

Kostenlose Themes

Twenty Twenty-Four

Aktuelles Standard-Theme. Vollblockbasiert, gute Kontraste, solider Fokus-Indikator. Ausgangspunkt für eigene Anpassungen.

Empfohlen

Blocksy (Free-Version)

Modernes Theme mit guter ARIA-Unterstützung und konfigurierbaren Fokus-Stilen. Gut für Shops und Portfolios.

Gut geeignet

Premium-Themes

GeneratePress

Minimalistisch, schnell, sehr gute Basis-Barrierefreiheit. Entwickler legen explizit Wert auf Accessibility. Ab ca. 59 $/Jahr.

Empfohlen

Astra

Weit verbreitet, viele Starter-Templates. Kern-Theme ist zugänglich, aber viele Templates haben Kontrastprobleme — immer prüfen.

Mit Vorsicht

Vorsicht: Themes wie Divi, Avada oder Enfold werden mit unzähligen fertigen Layouts ausgeliefert, die meist erhebliche Barrierefreiheitsprobleme haben. Der Aufwand für WCAG-Konformität kann hier besonders hoch sein.

Nützliche Plugins für Barrierefreiheit

Plugins können strukturelle Probleme nicht lösen, aber bei bestimmten Aufgaben helfen:

WP Accessibility (Joe Dolson)

Fügt Skip-Links, longdesc-Unterstützung und andere Hilfsfunktionen hinzu. Kostenlos. Behebt viele häufige WordPress-spezifische Probleme.

Gravity Forms / WPForms

Beide Formular-Plugins unterstützen korrekte Labels, Fehler-ARIA und Pflichtfeld-Markierungen besser als der Standard-WordPress-Kontaktblock.

Simply Static / WP2Static

Für statisch generierte Seiten — kein direkter Barrierefreiheits-Plugin, aber statische Seiten laden schneller und haben weniger JavaScript-Probleme mit Screenreadern.

Die häufigsten WordPress-Barrierefreiheitsfehler

Fehlende Alt-Texte in der Mediathek

Beim Bild-Upload immer das Feld 'Alternativtext' ausfüllen. Dekorative Bilder: leeres Feld lassen, aber im Theme alt="" sicherstellen.

Schlechte Kontraste durch Theme-Farbpalette

Viele Themes erlauben freie Farbwahl im Customizer — ohne Kontrast-Warnung. Prüfen Sie jede Farbkombination mit dem Kontrast-Checker.

Kein sichtbarer Fokus-Indikator

Viele Themes überschreiben den Browser-Standard mit 'outline: none'. Im Custom CSS: a:focus-visible, button:focus-visible mit sichtbarem Fokus definieren.

Hamburger-Menü nicht per Tastatur bedienbar

Mobile Menüs werden oft als div mit onclick implementiert. Korrekt: button-Element mit aria-expanded und Fokus-Management beim Öffnen/Schließen.

Sliders und Karussells ohne Pause-Funktion

Bewegende Inhalte verstoßen gegen WCAG 2.2.2 wenn sie nicht pausiert werden können. Sliders nach Möglichkeit durch statische Alternativen ersetzen.

Fehlende Sprach-Angabe im HTML-Tag

WordPress fügt lang-Attribut automatisch ein — aber prüfen Sie, ob es korrekt gesetzt ist (lang="de" für deutsche Seiten).

WordPress und Page Builder

Elementor, WPBakery und Divi sind bei vielen WordPress-Seiten im Einsatz. Ihre Barrierefreiheitsbilanz ist gemischt:

Page BuilderBarrierefreiheitHauptproblem
ElementorMittelGeneriert unnötige ARIA-Attribute, Slider ohne Pause
DiviSchlechtProprietäres Markup, schlechte Tastaturnavigation
Gutenberg BlocksGutSemantisches HTML, aktive Accessibility-Arbeit
WPBakerySchlechtLegacy-Codebase, kaum WCAG-Anpassungen

Schritt-für-Schritt: WordPress barrierefrei machen

  1. Scan durchführen: Ist-Zustand mit automatisiertem Tool ermitteln.
  2. Theme evaluieren: Kann das aktuelle Theme mit vertretbarem Aufwand angepasst werden?
  3. Alt-Texte in der Mediathek nachpflegen: Alle Bilder ohne Alt-Text finden und ergänzen.
  4. Fokus-Stile im Custom CSS definieren: a:focus-visible, button:focus-visible { outline: 3px solid #005fcc; }
  5. Formular-Labels prüfen: Alle Kontaktformulare auf korrekte Labels testen.
  6. Barrierefreiheitserklärung erstellen: Anleitung und Vorlage folgen.

WordPress-Site jetzt auf WCAG prüfen

Unser Scanner erkennt die häufigsten WordPress-Barrierefreiheitsfehler automatisch und zeigt Ihnen, wo Sie anfangen müssen — kostenlos.

WordPress-Site kostenlos prüfen →

Häufige Fragen

Ist WordPress von Haus aus barrierefrei?
WordPress Core ist überwiegend barrierefrei — das CMS-Backend hat sich in den letzten Jahren stark verbessert. Aber das Theme bestimmt zu 80% die Barrierefreiheit des Frontends. Die meisten gekauften Premium-Themes und viele Free-Themes erfüllen WCAG 2.1 AA nicht. Prüfen Sie jedes Theme einzeln.
Welches WordPress-Theme ist am barrierefreiesten?
Twenty Twenty-Four (Standard-Theme) ist eines der konformsten Themes, das Automattic je veröffentlicht hat — mit gutem Fokus-Management, Kontrasten und semantischem HTML. Unter Premium-Themes gelten Astra und GeneratePress als gut zugänglich, wenn sie korrekt konfiguriert werden. Absolute Garantien gibt es nicht — immer selbst prüfen.
Kann ein Plugin meine WordPress-Site automatisch barrierefrei machen?
Nein. Accessibility Overlays (accessiBe, UserWay) versprechen das — und halten es nicht. Die FTC hat accessiBe wegen irreführender Werbung untersucht. Echte Barrierefreiheit entsteht durch korrektes HTML, nicht durch JavaScript-Patches. Plugins können helfen (z.B. Formulare zugänglich machen), ersetzen aber keine strukturelle Lösung.
Wie überprüfe ich ein WordPress-Theme auf Barrierefreiheit?
Installieren Sie das Theme auf einer Test-Instanz und führen Sie einen automatisierten Scan durch (EAA Checker, axe DevTools Browser-Extension). Prüfen Sie: Fokus-Indikatoren sichtbar, Kontrastverhältnisse, Alt-Texte, Formular-Labels, Skip-Link zum Hauptinhalt. Testen Sie außerdem per Tastatur (nur Tab/Enter/Pfeiltasten, keine Maus).
Alle ArtikelZur Startseite