Skip to main content

WordPress Barrierefreiheit-Plugins: Was sie leisten und was nicht

· WordPress · barrierefreiheit · plugins · deutsch

WordPress Barrierefreiheit-Plugins: Was sie leisten und was nicht

WordPress ist das meistgenutzte CMS der Welt — und WooCommerce der am weitesten verbreitete E-Commerce-Unterbau in Deutschland. Mit dem Inkrafttreten des Barrierefreiheitsstärkungsgesetzes (BFSG) am 28. Juni 2025 suchen viele Shop-Betreiber nach einem barrierefreiheit wordpress plugin, das die Arbeit erledigt. Die Realität ist komplizierter. Einige Probleme lassen sich per Plugin lösen. Andere nicht. Wer das nicht unterscheidet, riskiert, viel Zeit in Werkzeuge zu investieren, die das eigentliche Problem nicht berühren.

Was WordPress-Barrierefreiheits-Plugins tatsächlich lösen können

Es gibt eine Reihe technischer Barrierefreiheitsprobleme, bei denen Plugins echten Nutzen bringen.

Fokus-Stile. Viele WordPress-Themes entfernen den Standard-Fokusrahmen aus Designgründen — das schwarze oder blaue Outline, das erscheint, wenn ein Nutzer mit der Tabulatortaste auf ein Element navigiert. Ohne diesen Indikator haben Tastaturnutzer keine visuelle Rückmeldung, wo sich der Fokus gerade befindet. WCAG 2.4.7 verlangt einen sichtbaren Fokus. Plugins können diesen Fokusrahmen per CSS global einschalten, ohne das Theme manuell ändern zu müssen.

Skip-Links. Ein „Zum Hauptinhalt springen"-Link ganz oben auf jeder Seite ermöglicht Tastatur- und Screenreader-Nutzern, die Hauptnavigation zu überspringen. Viele Themes liefern diesen Link nicht. Plugins können ihn nachrüsten.

ARIA-Landmarks. Wenn ein Theme keine semantischen <header>, <main>, <nav> und <footer> Elemente verwendet, können Plugins diese Landmarks programmatisch per ARIA-Attributen ergänzen. Das verbessert die Navigation mit Screenreadern.

Sprachattribut. Das lang-Attribut auf dem <html>-Element muss der tatsächlichen Seitensprache entsprechen. Manche Plugins prüfen und korrigieren das automatisch, besonders relevant bei mehrsprachigen WordPress-Installationen.

Kontrast-Overlay. Einige Plugins bieten einen Kontrast-Modus für Endnutzer an — eine Schaltfläche, mit der Besucher den Kontrast erhöhen oder die Schriftgröße anpassen können. Das ist eine Ergänzung, kein Ersatz für korrekten Grundkontrast.

Wo automatische Tools an ihre Grenzen stoßen

Das ist der Teil, den viele Plugin-Anbieter nicht prominent kommunizieren.

Fehlende Alt-Texte auf bestehenden Bildern. Ein Plugin kann nicht rückwirkend alle Produktbilder beschreiben, die bereits in der Mediathek liegen. Es kann ein Eingabefeld einblenden oder eine Warnung ausgeben — aber es kann nicht verstehen, was auf dem Foto zu sehen ist, und dafür einen sinnvollen Text generieren. 3.000 WooCommerce-Produktbilder ohne Alt-Text bleiben 3.000 Bilder ohne Alt-Text, bis jemand oder ein spezialisiertes KI-Werkzeug diese Beschreibungen erstellt.

Semantisches HTML im Theme. Wenn ein Theme Navigationsmenüs mit <div>-Elementen statt <nav> baut, oder Buttons als <span> implementiert, kann ein Plugin die Semantik nicht einfach reparieren. Es kann ARIA-Attribute ergänzen, aber das ist eine Kompensation für schlechtes HTML, kein dauerhafter Fix. Richtig gelöst wird das durch ein Theme-Update oder ein neues Theme.

Farbkontrast im Theme. Ein Plugin kann den Kontrast nicht automatisch korrigieren, ohne das visuelle Design zu verändern. Texte mit unzureichendem Kontrastverhältnis müssen im Stylesheet oder in den Theme-Einstellungen angepasst werden. Overlays, die Nutzern einen Kontrastmodus anbieten, sind eine Notlösung — WCAG verlangt, dass der Standard-Zustand die Anforderungen erfüllt, nicht ein optionaler Modus.

Benutzerdefinierte JavaScript-Komponenten. Slider, Akkordeons, Modal-Dialoge und Custom-Dropdowns, die per JavaScript implementiert sind, müssen korrekte ARIA-Rollen, Zustände und Tastaturnavigation haben. Das lässt sich nicht pauschal per Plugin nachrüsten — jede Komponente muss individuell geprüft und gegebenenfalls überarbeitet werden.

WooCommerce-Produktbilder: der kritische Punkt

Bei WooCommerce entstehen Barrierefreiheitsprobleme oft nicht im Theme, sondern im Content selbst. Produktbilder werden beim Import oder manuellen Upload oft ohne Alt-Text angelegt. WooCommerce setzt in diesem Fall keinen automatischen Fallback — das alt-Attribut bleibt leer.

Der Prozess für manuelles Nachtragen ist überschaubar:

  1. Gehe im WordPress-Admin zu Medien → Mediathek
  2. Wähle ein Bild aus
  3. Trage im rechten Panel unter Alternativtext eine Beschreibung ein
  4. Speichern

Für Produktbilder, die direkt in WooCommerce hochgeladen wurden, findest du das Alt-Text-Feld auch direkt beim Produkt: WooCommerce → Produkte → Produkt auswählen → Produktbild oder Produktgalerie.

Bei einem Katalog mit mehreren Hundert oder Tausend Produkten ist dieser Prozess manuell nicht skalierbar. Für diese Größenordnung ist ein spezialisiertes KI-Werkzeug, das Alt-Texte direkt auf Deutsch generiert und in die Mediathek zurückschreibt, der realistischere Ansatz.

Ein realistischer Weg zur WCAG 2.1 AA Konformität auf WordPress

WCAG 2.1 AA auf WordPress zu erreichen erfordert mehr als das Aktivieren eines einzelnen Plugins. Es ist ein mehrschichtiger Prozess.

Erste Ebene: automatisierter Scan. Ein WCAG-Scan zeigt, welche Kriterien verletzt sind und wie häufig. Das gibt dir eine priorisierte Liste, statt blindlings zu arbeiten.

Zweite Ebene: Alt-Texte systematisch erstellen. Das ist bei den meisten WooCommerce-Shops der größte Einzelposten. KI-gestützte Generierung auf Deutsch ist für Kataloge über 200 Produkten die einzige praktikable Methode.

Dritte Ebene: Theme-Probleme angehen. Fokus-Stile, fehlende Landmarks, schlechter Kontrast — das sind Theme-Fragen. Manche lassen sich per Plugin beheben, andere erfordern Anpassungen am Theme oder einen Wechsel zu einem barrierefreier konzipierten Theme.

Vierte Ebene: Barrierefreiheitserklärung. Das BFSG verlangt eine veröffentlichte Erklärung, die den Konformitätsstand dokumentiert. Ohne diese Erklärung besteht ein eigenständiger Verstoß — unabhängig davon, wie gut der Shop technisch aufgestellt ist.

Plugins sind ein Werkzeug in diesem Prozess, kein Ersatz für ihn. Wer nur ein Plugin aktiviert und davon ausgeht, damit die BFSG-Pflichten erfüllt zu haben, wird bei einer Prüfung durch die Marktüberwachungsbehörde Probleme bekommen.

Führe einen kostenlosen WCAG-Scan deines Shops durch — und starte kostenlos mit der automatischen Alt-Text-Generierung.