Barrierefreiheit für WordPress & WooCommerce: Der komplette Guide 2026

Warum ist Barrierefreiheit für WordPress-Websites so wichtig?

WordPress betreibt laut W3Techs (Stand 2025) rund 43% aller Websites weltweit — das sind über 470 Millionen aktive Seiten. Im DACH-Raum ist der Anteil ähnlich hoch. WooCommerce, das beliebteste E-Commerce-Plugin für WordPress, läuft auf über 5 Millionen Websites und macht es zur größten Open-Source-E-Commerce-Plattform der Welt (BuiltWith, 2025).

Seit dem **28. Juni 2025** gilt in Österreich das Barrierefreiheitsgesetz (BaFG) und in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG). Beide setzen den European Accessibility Act (EAA, Richtlinie 2019/882) um und verlangen WCAG 2.1 Level AA für digitale Dienstleistungen — darunter ausdrücklich Webshops und E-Commerce-Plattformen.

Das bedeutet: Wenn Sie einen WordPress-Shop mit WooCommerce betreiben, sind Sie mit hoher Wahrscheinlichkeit betroffen. Wie wir in unserem BaFG-Checkliste-Guide erklären, sind nur reine Dienstleistungs-Kleinstunternehmen (unter 10 Mitarbeiter, unter 2 Mio. Euro Umsatz) vollständig ausgenommen.

Wie barrierefrei ist WordPress von Haus aus?

WordPress hat seit Version 4.0 ein eigenes Accessibility-Team, das die Core-Software auf WCAG 2.0 Level AA testet. Seit WordPress 6.x wurden deutliche Verbesserungen eingeführt:

Die Realität: Der WordPress-Core und die offiziellen Default-Themes sind solide — aber die meisten Websites nutzen Third-Party-Themes und Plugins. Laut dem WebAIM Million Report 2025 haben 94,8% aller getesteten Startseiten WCAG-Fehler, mit durchschnittlich 51 Fehlern pro Seite. WordPress-Seiten schneiden nicht besser ab.

Welche Barrierefreiheits-Probleme haben WordPress-Themes?

Die häufigsten Probleme bei WordPress-Themes betreffen exakt die WCAG-Kriterien, die automatisierte Scanner am zuverlässigsten erkennen:

Kontraste (79,1% aller Websites betroffen)

Viele Premium-Themes verwenden hellgraue Texte, dünne Schriften und niedrigen Kontrast für ein „modernes" Design. WCAG 1.4.3 verlangt mindestens 4.5:1 Kontrast für normalen Text und 3:1 für großen Text. Dies ist laut WebAIM der häufigste Fehler auf allen Websites — WordPress-Themes bilden keine Ausnahme.

Fehlende oder falsche Alt-Texte

WordPress bietet bei jedem Bild-Upload ein Alt-Text-Feld an. In der Praxis wird es selten genutzt: Laut WebAIM Million Report 2025 fehlen bei 18,5% aller Bilder Alt-Texte. Bei verlinkten Bildern — typisch für Produkt-Thumbnails in WooCommerce — bricht das die Navigation für Screenreader komplett.

Heading-Hierarchie und Struktur

Viele Themes und Page-Builder (Elementor, Divi, WPBakery) verwenden Headings nach visuellem Aussehen statt nach Hierarchie. Ein H3 kommt vor einem H2, oder H1 wird für dekorative Elemente missbraucht. Screenreader-Nutzer navigieren nach Headings — eine gebrochene Hierarchie macht die Seite unnavigierbar.

Tastaturnavigation

Custom-Widgets, Mega-Menüs, Slider und Accordions von Third-Party-Themes funktionieren häufig nur mit der Maus. Tests der Aktion Mensch zeigen: nur rund 31% der getesteten deutschen Websites waren vollständig per Tastatur bedienbar.

Welche WooCommerce-spezifischen Probleme gibt es?

WooCommerce selbst hat in den letzten Jahren erheblich in Barrierefreiheit investiert. Das WooCommerce-Kernteam arbeitet aktiv an WCAG-Compliance. Trotzdem gibt es Schwachstellen:

Produktfilter und -sortierung

Die meisten WooCommerce-Filter-Plugins (AJAX-Filter, Preisslider, Farbauswahl) sind nicht tastaturzugänglich. Range-Slider für Preisfilter sind besonders problematisch: Sie funktionieren fast nie ohne Maus.

Warenkorb und Checkout

WooCommerce-Checkout-Formulare verwenden zwar Labels, aber viele Themes überschreiben diese mit reinen Placeholder-Texten. Inline-Validierungsmeldungen werden oft nicht an Screenreader kommuniziert. AJAX-Aktualisierungen des Warenkorbs fehlen häufig aria-live-Regionen.

Produktbild-Galerien

Die Standard-Lightbox (Photoswipe in WooCommerce) hat Barrierefreiheits-Mängel: Focus-Trapping ist unvollständig, und Screenreader erhalten keine Information über den Bildwechsel. Viele Theme-eigene Lightboxes sind noch problematischer.

Variable Produkte

Dropdown-Selects für Varianten (Farbe, Größe) verwenden manchmal Custom-Select-Plugins, die keine Tastaturnavigation unterstützen und von Screenreadern nicht als Auswahlfeld erkannt werden.

Welche WordPress-Plugins helfen bei der Barrierefreiheit?

Es gibt mehrere seriöse Plugins, die echte Verbesserungen bringen — im Gegensatz zu Overlay-Tools, die wie wir in unserem Overlay-Analyse-Artikel zeigen keine echte Compliance bieten:

Empfehlenswerte Plugins

Plugins die NICHT helfen

Overlay-Plugins wie accessiBe, UserWay oder AudioEye für WordPress bieten keine echte Code-Level-Compliance. Die FTC hat accessiBe 2025 mit 1 Million Dollar bestraft wegen falscher Compliance-Versprechen. Details dazu finden Sie in unserem Artikel über Overlay-Tools.

Schritt-für-Schritt: WordPress-Website barrierefrei machen

1. Bestandsaufnahme: Wo stehen Sie?

2. Theme prüfen und ggf. wechseln

3. Inhalte korrigieren

4. Plugins installieren und konfigurieren

5. WooCommerce-spezifische Fixes

6. Laufendes Monitoring einrichten

Was kostet es, eine WordPress-Seite barrierefrei zu machen?

Die Kosten hängen stark vom Ausgangszustand ab:

Im Vergleich zu den möglichen Strafen — in Österreich bis zu 80.000 Euro, in Deutschland bis zu 100.000 Euro Bußgeld — ist die Investition überschaubar. Wie wir in unserem Artikel zu BaFG-Strafen erklären, gilt zwar bei Erstverstößen "Beraten vor Strafen", aber Verbraucher und Organisationen können Verstöße jederzeit melden.

Welche Themes sind "accessibility-ready"?

WordPress.org vergibt das "accessibility-ready"-Tag nur nach Prüfung durch das Theme-Review-Team. Folgende Themes erfüllen die Anforderungen besonders gut:

Vorsicht bei Page-Buildern: Elementor, Divi und WPBakery erzeugen häufig nicht-semantisches HTML. Die generierten div-Suppen sind für Screenreader schwer interpretierbar. Wenn Sie einen Page-Builder verwenden müssen, achten Sie besonders auf semantische HTML-Ausgabe und prüfen Sie das Ergebnis mit einem Screenreader.

FAQ: Die häufigsten Fragen zu WordPress-Barrierefreiheit

Reicht ein Plugin wie WP Accessibility für volle Compliance?

Nein. WP Accessibility behebt häufige Theme-Probleme (Skip-Links, Outline-Styles, Seitensprache), aber es kann keine grundlegenden Theme-Mängel reparieren. Wenn Ihr Theme nicht-semantisches HTML erzeugt, fehlende ARIA-Rollen hat oder Kontraste zu niedrig sind, muss das im Theme-Code oder durch einen Theme-Wechsel behoben werden. Ein Plugin ist ein guter Start, aber kein Ersatz für einen vollständigen Check.

Ist WooCommerce selbst barrierefrei?

WooCommerce Core arbeitet aktiv an WCAG-Compliance und hat in den letzten Versionen deutliche Verbesserungen gemacht. Die Kernfunktionen (Produktseiten, Warenkorb, Checkout) sind grundsätzlich nutzbar. Probleme entstehen hauptsächlich durch Themes, Third-Party-Plugins und individuelle Anpassungen. Testen Sie Ihren spezifischen Shop — die Kombination aus Theme, Plugins und Inhalten ist entscheidend.

Wie finde ich heraus, ob mein WordPress-Theme barrierefrei ist?

Drei Methoden: Erstens, prüfen Sie auf wordpress.org ob Ihr Theme das "accessibility-ready"-Tag trägt. Zweitens, führen Sie einen automatisierten Scan durch — der BarriereRadar Gratis-Scan zeigt die kritischsten Probleme sofort. Drittens, testen Sie manuell mit der Tastatur: Können Sie jeden Link, Button und jedes Formular ohne Maus erreichen und bedienen?

Fazit: WordPress-Barrierefreiheit ist machbar

WordPress und WooCommerce bieten eine solide Grundlage für barrierefreie Websites — wenn man die richtigen Entscheidungen trifft. Ein accessibility-ready Theme, gepflegte Alt-Texte, sichtbare Formular-Labels und regelmäßiges Testing decken bereits den Großteil der WCAG 2.1 AA Anforderungen ab.

Der erste Schritt ist immer eine Bestandsaufnahme. Nutzen Sie den kostenlosen BarriereRadar-Scan um zu sehen, wo Ihre WordPress-Website aktuell steht — in unter 60 Sekunden erhalten Sie eine konkrete Fehleranalyse mit Prioritäten und Handlungsempfehlungen.