Barrierefreiheit in WordPress: Der Leitfaden für eine zugängliche Website
Inhalt
- Der Status quo: Barrierefreiheit im Web in Zahlen
- Was die Zahlen für WordPress bedeuten
- Ist WordPress barrierefrei?
- Accessibility-Ready-Themes als Grundlage
- Maßgeschneidertes Theme oder Vorlage?
- Die vier Prinzipien barrierefreier Websites
- Die häufigsten Barrieren und wie Sie sie beheben
- Muss meine WordPress-Website barrierefrei sein?
- Wer vom BFSG betroffen ist
- Wer ausgenommen ist
- Warum sich Barrierefreiheit auch ohne Pflicht lohnt
- Wie teste ich die Barrierefreiheit meiner WordPress-Seite?
- Automatisierte Tests: schneller Einstieg mit Grenzen
- Der manuelle Quick-Check in 15 Minuten
- Wann eine Agentur sinnvoll ist
- Sie benötigen WordPress-Unterstützung?
- Relaunch oder Optimierung? So interpretieren Sie die Ergebnisse
- Wann eine Optimierung reicht
- Wann sich ein Relaunch lohnt
- Fazit
dotflow®
dotflow ist die B2B Digitalagentur für smartes Online-Marketing und überzeugende Websites.
Barrierefreiheit in WordPress betrifft weit mehr Websites, als die meisten Betreiber vermuten. Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz, und die Praxis zeigt ein klares Bild: Der Großteil aller Websites erfüllt die Anforderungen bisher nicht.
Dieser Ratgeber verschafft Ihnen einen kompakten Überblick. Sie erfahren, worauf es technisch und inhaltlich ankommt, welche Rolle Themes und Plugins spielen, wie Sie in wenigen Minuten einen ersten Selbsttest durchführen und ob Ihre Website überhaupt betroffen ist.
Der Status quo: Barrierefreiheit im Web in Zahlen
Wie es um die Zugänglichkeit des Webs steht, dokumentiert die jährliche WebAIM-Million-Studie. Sie untersucht die Startseiten der eine Million meistbesuchten Websites. Die Ergebnisse aus dem Februar 2026 fallen deutlich aus:
- 95,9 % der Startseiten wiesen automatisch erkennbare WCAG-Verstöße auf.
- Im Schnitt fand das Tool 56,1 Fehler pro Startseite, rund 10 % mehr als im Vorjahr.
- Die Seiten werden komplexer: durchschnittlich 1.437 Elemente pro Startseite, ein Plus von 22,5 % in nur einem Jahr.
Sechs Fehlertypen machen zusammen 96 % aller Verstöße aus. Wer diese Punkte löst, kommt der Barrierefreiheit einer Website bereits sehr nahe.
| Fehlertyp | Anteil der Startseiten |
|---|---|
| Zu geringer Textkontrast | 83,9% |
| Fehlende Alternativtexte bei Bildern | 53,1% |
| Fehlende Formular-Labels | 51,0% |
| Leere Links | 46,3% |
| Leere Buttons | 30,6% |
| Fehlende Sprachauszeichnung | 13,5% |
Was die Zahlen für WordPress bedeuten
Von den getesteten Startseiten liefen 252.302 auf WordPress, mit durchschnittlich 52,8 Fehlern. Das liegt leicht unter dem Gesamtdurchschnitt, aber weit von echter Barrierefreiheit entfernt.
Andere Systeme schneiden im Schnitt besser ab, etwa Squarespace (33,0), Wix (33,3) oder Drupal (41,2). Die Botschaft dahinter ist bei jedem System dieselbe: Fehlerfrei ist keines. Erfreulich immerhin, dass deutschsprachige Seiten mit 46,9 Fehlern spürbar besser abschneiden als der internationale Durchschnitt.
Für die Praxis heißt das: Der Marktführer WordPress bringt keinen automatischen Nachteil mit sich, verlangt aber dieselbe Sorgfalt wie jedes andere System. Die Werte sind ein Durchschnitt über Millionen Seiten. Wie gut Ihre eigene Website abschneidet, hängt allein von Ihrer Umsetzung ab.
Ist WordPress barrierefrei?
Die kurze Antwort lautet: Nein. Und das gilt nicht nur für WordPress, sondern für jedes Content-Management-System.
WordPress liefert die technische Grundlage, mehr nicht. Ob eine Seite am Ende barrierearm ist, entscheidet sich beim gewählten Theme, bei der Konfiguration, bei den Plugins und vor allem bei den Inhalten. Sowohl WordPress als auch Systeme wie TYPO3, Drupal oder Shopify müssen individuell barrierearm eingerichtet werden
Accessibility-Ready-Themes als Grundlage
Nicht alle Themes sind bei WordPress von Grund auf zugänglich. Die WordPress-Community hat deshalb Themes geprüft und mit dem Label „Accessibility Ready“ ausgezeichnet. Diese Themes erfüllen die Grundanforderungen der WCAG in Punkten wie Tastaturbedienung, sauberer HTML-Struktur, sichtbarer Fokus-Steuerung und ausreichenden Kontrasten.
Empfehlenswerte Beispiele sind:
- Twenty Twenty-Five das aktuelle Standard-Theme von WordPress
- OceanWP, ein flexibles und weit verbreitetes Theme
Eine vollständige Übersicht getesteter Themes finden Sie im offiziellen WordPress-Verzeichnis unter dem Filter Accessibility Ready.
Ein solches Theme ist jedoch nur die Basis. Falsch ausgezeichnete Überschriften, fehlende Alt-Texte oder ein nachträglich installiertes Plugin können Barrieren wieder einführen. Die Grundstruktur nimmt Ihnen das Theme ab, die Sorgfalt bei Inhalten und Erweiterungen bleibt Ihre Aufgabe.
Maßgeschneidertes Theme oder Vorlage?
Fertige Themes sind schnell installiert und günstig. Für kleine Projekte reicht das oft aus. Für mittelständische und größere Websites empfehlen wir jedoch ein eigenes Theme, das maßgeschneidert für Sie entwickelt wird. Dafür sprechen mehrere Gründe:
- Schlanker Code: Vorlagen bringen viele ungenutzte Funktionen mit. Dieser Ballast erschwert eine saubere, semantisch korrekte Auszeichnung.
- Barrierearm von Anfang an: Zugänglichkeit wird von Beginn eingeplant, statt später aufwendig nachgebessert zu werden.
- Bessere Performance: Weniger Code und weniger Plugins bedeuten kürzere Ladezeiten. Das stärkt UX und SEO zugleich.
- Wartbarkeit: Ein sauber entwickeltes Theme lässt sich gezielt erweitern, ohne dass neue Probleme entstehen.
- Unabhängigkeit: Sie sind nicht an die Update-Zyklen fremder Theme-Anbieter gebunden.
Die vier Prinzipien barrierefreier Websites
Die Web Content Accessibility Guidelines (WCAG) lassen sich auf vier Grundprinzipien herunterbrechen, bekannt unter dem Kürzel POUR. Sie sind ein guter Kompass für jede Design- und Technikentscheidun
- Wahrnehmbar: Inhalte müssen für alle erfassbar sein, etwa durch Alt-Texte, ausreichende Kontraste und Untertitel.
- Bedienbar: Jede Funktion muss auch ohne Maus erreichbar sein. Der Tastaturfokus muss sichtbar sein und logisch verlaufen.
- Verständlich: Sprache, Struktur und Navigation sollten klar und konsistent sein, inklusive nachvollziehbarer Fehlermeldungen.
- Robust: Sauberer Code sorgt dafür, dass Screenreader, Braillezeilen und verschiedene Browser die Inhalte korrekt interpretieren.
Die häufigsten Barrieren und wie Sie sie beheben
Die sechs häufigsten Fehler aus der WebAIM-Studie lassen sich in WordPress meist ohne großen Aufwand vermeiden. Diese Übersicht zeigt, wo Sie ansetzen:
- Kontraste: Prüfen Sie Text- und Hintergrundfarben Ihres Themes und passen Sie sie im Customizer oder per CSS an, bis das Verhältnis mindestens 4,5:1 erreicht.
- Alt-Texte: Pflegen Sie in der Mediathek zu jedem inhaltlich relevanten Bild eine kurze, beschreibende Alternative. Dekorative Bilder bleiben ohne Alt-Text.
- Formular-Labels: Weisen Sie jedem Eingabefeld ein sichtbares Label zu. Gängige Formular-Plugins liefern dafür fertige Felder.
- Aussagekräftige Links: Vermeiden Sie Formulierungen wie „Hier klicken“. Ein Linktext wie „Preisliste herunterladen“ beschreibt das Ziel eindeutig.
- Beschriftete Buttons: Buttons, die nur ein Icon zeigen, brauchen eine textliche Bezeichnung, damit Screenreader sie vorlesen können.
- Sprachauszeichnung: Hinterlegen Sie in den WordPress-Einstellungen die richtige Seitensprache, damit Screenreader die passende Aussprache wählen.
WordPress-Plugin für Barrierefreiheit: Hilfe, aber kein Allheilmittel
Rund um das WordPress-Plugin für Barrierefreiheit gibt es ein großes Angebot. Sinnvoll ist die Unterscheidung in zwei Kategorien.
Hilfreiche Prüf- und Helfer-Plugins
- WP Accessibility: Ergänzt Sprunglinks, verbessert Fokus-Umrandungen und meldet fehlende Alt-Texte.
- Equalize Digital Accessibility Checker: Prüft jede Seite direkt im WordPress-Editor, schon während der Inhaltserstellung.
- Contact Form 7 oder Gravity Forms: Ermöglichen barrierearme Formulare, sofern sie mit korrekten Labels und verständlichen Fehlermeldungen konfiguriert werden.
WordPress bringt im Standard ein solides, aber gröberes Rollensystem mit. Eine seitengenaue Rechtevergabe ist nativ nicht vorgesehen und muss über Erweiterungen nachgerüstet werden.
Für Teams mit strengen Freigabe-Workflows bleibt TYPO3 hier die sauberere Lösung.
Vorsicht bei Overlay-Widgets
Sogenannte Accessibility-Overlays legen per Klick eine Werkzeugleiste über die Seite, mit der Besucher Kontraste oder Schriftgrößen anpassen können. Diese Widgets wirken bequem, lösen die eigentlichen Probleme im Quellcode aber nicht.
In der Fachwelt gelten sie als kein Ersatz für echte Barrierefreiheit und können sogar neue Hürden schaffen. Setzen Sie sie höchstens ergänzend ein, niemals als Alibi. Die eigentliche Arbeit findet an der Substanz statt, nicht in der Werkzeugleiste.
Muss meine WordPress-Website barrierefrei sein?
Die Pflicht gilt nicht pauschal für alle. Das Barrierefreiheitsstärkungsgesetz (BFSG) ist seit dem 28. Juni 2025 in Kraft und setzt eine EU-Richtlinie in deutsches Recht um. Es orientiert sich an den WCAG und verpflichtet bestimmte Unternehmen, ihre digitalen Angebote zugänglich zu gestalten.
Wer vom BFSG betroffen ist
Betroffen sind vor allem Anbieter, die sich mit Produkten und Dienstleistungen an Verbraucher richten (B2C):
- Online-Shops und E-Commerce
- Banken, Versicherungen und Zahlungsdienste
- Anbieter im Personenverkehr und Buchungsportale
- Telekommunikationsdienste
- E-Book-Anbieter
Öffentliche Stellen sind bereits durch frühere Regelungen zur Barrierefreiheit verpflichtet.
Wer ausgenommen ist
Reine B2B-Angebote fallen in der Regel nicht unter das BFSG. Zudem gibt es eine Ausnahme für Kleinstunternehmen mit weniger als 10 Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz. Diese Ausnahme gilt allerdings nur für Dienstleistungen, nicht für Produkte.
Genau hier entstehen die Grenzfälle, in denen viele Betreiber in einer Grauzone schweben. Dieser Abschnitt ersetzt daher keine Rechtsberatung. Lassen Sie im Zweifel juristisch prüfen, ob und wie das BFSG konkret auf Ihr Angebot zutrifft.
Warum sich Barrierefreiheit auch ohne Pflicht lohnt
Selbst ohne gesetzliche Verpflichtung spricht viel für eine barrierearme Website. Zahlreiche Untersuchungen belegen positive Effekte, unabhängig von B2C oder B2B:
- Bessere UX für alle: Klare Struktur, gute Kontraste und verständliche Navigation kommen jedem Besucher zugute, nicht nur Menschen mit Einschränkungen.
- Stärkeres SEO: Suchmaschinen bevorzugen sauber strukturierte Seiten mit korrekten Überschriften und aussagekräftigen Texten. Design, Technik und Content zahlen gemeinsam auf das Ranking ein.
- Größere Reichweite: Rund 15 % der Menschen leben mit einer Behinderung. Eine zugängliche Seite erschließt diese Zielgruppe zusätzlich.
- Mehr Umsatz: Höhere Sichtbarkeit und eine breitere Nutzerbasis führen zu mehr Anfragen und Abschlüssen.
Wie teste ich die Barrierefreiheit meiner WordPress-Seite?
ür den Einstieg gibt es zwei Wege, die sich ergänzen: den automatisierten Test und die manuelle Prüfung.
Automatisierte Tests: schneller Einstieg mit Grenzen
Automatische Tools scannen Ihre Seite und liefern eine erste Orientierung. Verbreitet sind:
- WAVE (Web Accessibility Evaluation Tool)
- axe DevTools (Browser-Erweiterung für Chrome und Firefox)
- Google Lighthouse (in Chrome integriert, mit Punktesystem)
So nützlich diese Tools sind, sie haben klare Grenzen und sollten mit Vorsicht genutzt werden. Automatisierte Prüfungen erkennen nur einen Teil aller Barrieren. In der Praxis überfluten sie Sie entweder mit teils irrelevanten Meldungen, oder sie übersehen wichtige Fehler ganz. Nutzen Sie die Ergebnisse als erste Anlaufquelle, nicht als alleinige Grundlage.
Der manuelle Quick-Check in 15 Minuten
Mit wenigen Handgriffen erkennen Sie schon viele Probleme selbst. Arbeiten Sie diese Punkte an Ihrer Seite ab:
- Tastatur-Test: Navigieren Sie nur mit der Tab-Taste. Sind alle Elemente erreichbar? Ist der Fokus sichtbar? Folgt die Reihenfolge dem sichtbaren Aufbau?
- Kontrast: Lässt sich jeder Text mühelos lesen? Der Zielwert liegt bei mindestens 4,5:1, bei großer Schrift bei 3:1.
- Alt-Texte: Haben aussagekräftige Bilder eine beschreibende Alternative? Dekorative Bilder erhalten einen leeren Alt-Text.
- Überschriften: Gibt es genau eine H1, gefolgt von einer logischen Hierarchie ohne übersprungene Ebenen?
- Formulare: Ist jedes Feld klar beschriftet? Sind Fehlermeldungen verständlich und nicht nur farblich markiert?
- Zoom: Vergrößern Sie die Seite auf 200 %. Bleibt alles lesbar und bedienbar?7. Screenreader:** Lassen Sie sich die Seite testweise vorlesen, etwa mit dem kostenlosen NVDA (Windows) oder VoiceOver (Mac).
Wann eine Agentur sinnvoll ist
Ein Selbsttest deckt die offensichtlichen Punkte auf, doch echte Sicherheit entsteht erst mit Erfahrung. Für belastbare Audits empfiehlt sich eine spezialisierte Agentur für Barrierefreiheit.
Eine erfahrene Agentur kennt die Grenzfälle der WCAG, prüft mit echten Hilfsmitteln und teils mit Nutzertests, priorisiert die Maßnahmen wirtschaftlich sinnvoll und bringt Praxis aus vergleichbaren Branchen-Projekten mit. Das spart am Ende Zeit, Budget und Nachbesserungen.
Relaunch oder Optimierung? So interpretieren Sie die Ergebnisse
Sobald Sie wissen, wo Ihre Seite steht, folgt die entscheidende Frage: Reicht eine gezielte Optimierung, oder ist ein Relaunch der bessere Weg? Die Antwort hängt vom Zustand und der Komplexität Ihrer Website ab.
Wann eine Optimierung reicht
Eine Optimierung ist meist die richtige Wahl, wenn die Basis stimmt:
- Ein schlankes, semantisch sauberes Theme ist im Einsatz.
- Die Probleme treten punktuell auf, etwa einzelne Kontraste, fehlende Labels oder Alt-Texte.
- Die Grundstruktur der Seite ist in Ordnung.
Solche Punkte sind die klassischen „Low Hanging Fruits“. Sie lassen sich mit überschaubarem Aufwand beheben und erzielen sofort eine große Wirkung.
Wann sich ein Relaunch lohnt
Ein Relaunch ist sinnvoll, wenn die Probleme tiefer sitzen:
- Das Theme ist veraltet oder mit Page-Builder-Ballast überladen.
- Die Barrieren stecken strukturell im Fundament der Seite.
- Eine unübersichtliche Codebasis und ein Wildwuchs an Plugins erschweren jede Anpassung.
- Das Nachbessern wäre in Summe teurer als ein sauberer Neubau.
Fazit
Kein CMS ist automatisch barrierefrei, WordPress bildet da keine Ausnahme. Mit dem passenden Accessibility-Ready-Theme, einer sauberen Konfiguration und sorgfältig aufbereiteten Inhalten bringt WordPress aber sehr gute Voraussetzungen mit.
Ob Sie gesetzlich verpflichtet sind, hängt vom BFSG und Ihrem konkreten Angebot ab. Doch selbst ohne Pflicht zahlt sich der Aufwand aus: bessere Nutzerführung, stärkeres SEO, größere Reichweite und am Ende mehr Umsatz.
Starten Sie mit dem manuellen Quick-Check, um Ihren Status einzuschätzen. Für ein belastbares Ergebnis holen Sie sich anschließend erfahrene Unterstützung an Bord. So wird aus einer Pflicht ein echter Wettbewerbsvorteil.