WordPress ist für viele Unternehmen, Selbstständige und Vereine die erste Wahl, wenn es um die eigene Webseite geht. Es ist flexibel, weit verbreitet und lässt sich mit Themes, Plugins und Page Buildern relativ einfach erweitern. Genau deshalb laufen unzählige Firmenwebseiten, Blogs, Online-Shops und Buchungsseiten auf WordPress.
Mit dem BFSG und dem Thema digitale Barrierefreiheit stellen sich aber viele Websitebetreiber eine wichtige Frage: Reicht meine WordPress-Webseite aus oder muss ich etwas ändern?
Die kurze Antwort: WordPress kann eine gute Grundlage sein, macht eine Webseite aber nicht automatisch barrierefrei. Entscheidend ist nicht nur das System, sondern wie Theme, Inhalte, Plugins, Formulare, Farben, Navigation und Shop-Funktionen umgesetzt sind.
WordPress ist nicht automatisch barrierefrei
Viele denken: „Ich nutze doch WordPress, also wird das schon passen.“ Leider ist es nicht ganz so einfach. WordPress selbst bringt zwar viele technische Möglichkeiten mit, aber die eigentliche Webseite entsteht aus vielen einzelnen Bausteinen.
Dazu gehören zum Beispiel:
das verwendete Theme,
der Page Builder,
zusätzliche Plugins,
Kontaktformulare,
Cookie-Banner,
Menüs,
Bilder,
Texte,
WooCommerce oder andere Shop-Systeme.
Wenn eines dieser Elemente schlecht umgesetzt ist, kann die ganze Seite Probleme bekommen. Ein barrierearmes Theme hilft wenig, wenn später ein unbedienbares Formular eingebaut wird. Und ein sauberer Textaufbau bringt nicht viel, wenn der Cookie-Banner die Seite für Tastaturnutzer blockiert.
Barrierefreiheit ist also kein einzelner Schalter, den man in WordPress aktiviert. Es ist eher eine Summe aus vielen richtigen Entscheidungen.
Was hat das BFSG mit WordPress zu tun?
Das BFSG betrifft bestimmte Produkte und Dienstleistungen, die für Verbraucher angeboten werden. Für Webseitenbetreiber wird es besonders dann interessant, wenn über die Webseite digitale Leistungen angeboten, Verträge angebahnt, Käufe ermöglicht oder Buchungen durchgeführt werden.
Bei WordPress kann das zum Beispiel relevant sein bei:
Online-Shops mit WooCommerce,
Terminbuchungen,
Mitgliederbereichen,
digitalen Bestellprozessen,
Formularen zur Angebotsanfrage,
Kundenportalen,
Online-Zahlungen oder
Dienstleistungen, die direkt über die Webseite abgeschlossen werden können.
Nicht jede einfache WordPress-Webseite ist automatisch gleich betroffen. Eine reine Informationsseite ohne Buchung, Shop oder Vertragsfunktion ist anders zu bewerten als ein WooCommerce-Shop mit Zahlungsprozess. Trotzdem lohnt es sich auch bei kleineren Webseiten, Barrierefreiheit ernst zu nehmen. Denn sie verbessert nicht nur die rechtliche Sicherheit, sondern auch die Bedienbarkeit für alle Nutzer.
Ein Plugin allein löst das Problem nicht
Wer nach Barrierefreiheit für WordPress sucht, findet schnell Plugins, die mit einem kleinen Symbol am Rand der Webseite erscheinen. Dort kann man dann Schriftgrößen ändern, Kontraste anpassen oder Farben wechseln.
Solche Werkzeuge können einzelne Nutzer unterstützen. Sie ersetzen aber keine wirklich barrierearme Webseite.
Das Problem: Ein Plugin kann keine falsche Seitenstruktur reparieren. Es kann keine unlogischen Überschriften sinnvoll machen. Es kann nicht zuverlässig fehlende Formularbeschriftungen korrigieren. Und es macht ein unbedienbares Cookie-Banner nicht automatisch nutzbar.
Barrierefreiheit sollte in der Webseite selbst stecken, nicht nur als Zusatz darübergelegt werden.
Das Theme spielt eine große Rolle
Das WordPress-Theme bestimmt einen großen Teil der technischen und optischen Struktur. Es legt fest, wie Menüs aufgebaut sind, wie Überschriften ausgegeben werden, wie Buttons aussehen und wie Inhalte auf verschiedenen Geräten dargestellt werden.
Ein schlecht programmiertes Theme kann viele Barrieren verursachen. Zum Beispiel:
Menüs, die nicht per Tastatur bedienbar sind,
Buttons ohne sichtbaren Fokus,
zu schwache Farbkontraste,
mehrere H1-Überschriften auf einer Seite,
unlogische Reihenfolgen im Code,
schlecht nutzbare mobile Navigation.
Gerade bei günstigen oder sehr überladenen Themes sollte man genau hinschauen. Viele sehen optisch beeindruckend aus, bringen aber unnötig viel Technik, Animationen und komplizierte Layouts mit. Für Barrierefreiheit ist ein ruhiges, sauberes Theme oft besser als ein Design, das möglichst viele Effekte zeigt.
Page Builder können helfen oder Probleme machen
Viele WordPress-Seiten werden mit Page Buildern erstellt. Das ist praktisch, weil man Layouts visuell gestalten kann. Gleichzeitig entstehen dadurch schnell Probleme, wenn man Überschriften, Buttons und Abschnitte nur nach Optik auswählt.
Ein typisches Beispiel: Man nimmt eine H3, weil sie optisch besser aussieht, obwohl in der Struktur eigentlich eine H2 nötig wäre. Oder man baut Boxen, Spalten und Slider ein, ohne darauf zu achten, ob die Reihenfolge für Screenreader noch sinnvoll ist.
Page Builder sind nicht grundsätzlich schlecht. Aber man sollte sie bewusst nutzen. Nicht jedes hübsche Element ist auch gut bedienbar. Besonders bei Akkordeons, Tabs, Slidern, Popups und Formularen lohnt sich ein genauer Test.
WooCommerce braucht besondere Aufmerksamkeit
Wenn ein WordPress-Shop mit WooCommerce betrieben wird, wird Barrierefreiheit besonders wichtig. Denn hier geht es nicht nur um Informationen, sondern um einen kompletten Kaufprozess.
Ein Nutzer muss Produkte finden, Varianten auswählen, den Warenkorb bedienen, Kundendaten eingeben, Zahlungsmethoden auswählen und die Bestellung abschließen können. Wenn an einer Stelle eine Barriere entsteht, bricht der Prozess ab.
Problematische Stellen in WooCommerce können sein:
Produktfilter, die nicht per Tastatur funktionieren,
Varianten-Auswahl ohne klare Beschriftung,
unverständliche Fehlermeldungen im Checkout,
schlecht erkennbare Buttons,
unzureichende Kontraste bei Preisen oder Hinweisen,
unbeschriftete Icons im Warenkorb,
komplizierte Zahlungsfenster.
Bei einem Shop reicht es also nicht, nur die Startseite schön zu gestalten. Der gesamte Weg bis zur Bestellung muss verständlich und bedienbar sein.
Kontaktformulare sind häufige Schwachstellen
Viele WordPress-Webseiten nutzen Plugins für Kontaktformulare. Auch hier kommt es stark auf die Umsetzung an. Ein Formular kann optisch völlig normal aussehen und trotzdem für Screenreader problematisch sein.
Wichtig sind klare Labels, gut erkennbare Pflichtfelder, verständliche Fehlermeldungen und eine logische Reihenfolge. Platzhalter im Eingabefeld sollten keine echten Beschriftungen ersetzen. Auch Datenschutz-Checkboxen müssen eindeutig mit ihrem Text verbunden sein.
Gerade Formulare sind wichtig, weil sie oft der direkte Weg zur Anfrage sind. Wenn jemand das Formular nicht bedienen kann, geht möglicherweise ein Kunde verloren.
Cookie-Banner nicht vergessen
Cookie-Banner werden auf WordPress-Seiten oft per Plugin eingebunden. Viele Betreiber achten dabei vor allem darauf, dass der Banner optisch zum Design passt und rechtlich möglichst vollständig wirkt. Die Bedienbarkeit wird dagegen schnell übersehen.
Ein Cookie-Banner sollte per Tastatur erreichbar sein, klare Buttons haben und auf dem Smartphone funktionieren. Der Fokus sollte sichtbar sein, und wichtige Optionen sollten nicht versteckt oder kaum erkennbar sein.
Wenn ein Cookie-Banner nicht bedienbar ist, kann er die komplette Webseite blockieren. Dann hilft auch der barrierefreie Rest der Seite wenig.
Inhalte bleiben Verantwortung des Websitebetreibers
Selbst wenn Theme und Technik gut sind, können Inhalte Barrieren erzeugen. Das passiert häufiger, als man denkt.
Typische Inhaltsprobleme sind:
Bilder ohne Alt-Texte,
unklare Linktexte wie „Hier klicken“,
schlecht strukturierte Überschriften,
lange Textblöcke ohne Absätze,
PDFs, die nicht barrierefrei sind,
Texte in Bildern,
Videos ohne Untertitel oder Beschreibung.
Diese Dinge entstehen im Alltag, wenn neue Seiten, Blogbeiträge, Angebote oder Produkte eingepflegt werden. Deshalb ist Barrierefreiheit keine einmalige Aufgabe. Sie sollte Teil der normalen Webseitenpflege werden.
Überschriften richtig verwenden
In WordPress ist es sehr einfach, Überschriften auszuwählen. Genau deshalb passieren hier viele Fehler. Die H1 sollte das Hauptthema der Seite beschreiben. H2 gliedert die Hauptabschnitte. H3 unterteilt diese Abschnitte weiter.
Überschriften sollten nicht nur nach Aussehen gewählt werden. Wenn eine Überschrift größer oder kleiner aussehen soll, sollte das über das Design gelöst werden, nicht über eine falsche Ebene.
Eine saubere Überschriftenstruktur hilft Screenreader-Nutzern, Suchmaschinen und allen Besuchern, die Inhalte schnell überfliegen möchten.
Bilder brauchen sinnvolle Alt-Texte
Bilder sind auf WordPress-Seiten schnell eingefügt. Doch oft bleiben die Alt-Texte leer oder werden nur automatisch aus dem Dateinamen übernommen. Das hilft niemandem.
Ein guter Alt-Text beschreibt kurz, was auf dem Bild zu sehen ist oder welche Bedeutung es im Zusammenhang hat. Bei dekorativen Bildern kann es auch sinnvoll sein, sie für Screenreader nicht weiter hervorzuheben.
Besonders wichtig sind Alt-Texte bei Produktbildern, Infografiken, Screenshots, Teamfotos oder Bildern, die eine Information vermitteln. Ein Bild ohne Beschreibung kann für manche Nutzer einfach unsichtbar sein.
Farben und Kontraste prüfen
Viele WordPress-Webseiten arbeiten mit Markenfarben. Das ist grundsätzlich gut für den Wiedererkennungswert, aber nicht jede Markenfarbe eignet sich für jeden Zweck.
Helle Schrift auf hellem Hintergrund, graue Texte auf Weiß oder farbige Buttons mit schwacher Beschriftung sind typische Probleme. Auch Links müssen klar erkennbar sein und sollten sich nicht nur minimal vom normalen Text unterscheiden.
Kontraste sollte man nicht nur am großen Bildschirm prüfen. Auf dem Smartphone, bei Sonnenlicht oder mit vergrößerter Darstellung fallen Probleme oft viel schneller auf.
Tastaturbedienung testen
Ein einfacher Test zeigt oft schon viel: Die Webseite einmal ohne Maus bedienen. Nur mit der Tab-Taste, Enter, Escape und den Pfeiltasten.
Dabei sollte man prüfen:
Kommt man ins Menü?
Sind Links und Buttons erreichbar?
Ist der Fokus sichtbar?
Kann man Formulare ausfüllen?
Lassen sich Popups schließen?
Kann man den Checkout bedienen?
Bleibt man irgendwo hängen?
Dieser Test ist einfach, aber sehr aufschlussreich. Viele Barrieren zeigen sich sofort, wenn man die Maus weglässt.
PDFs auf WordPress-Seiten nicht übersehen
Viele Webseiten bieten PDFs zum Download an. Preislisten, Speisekarten, Broschüren, Formulare oder Informationsblätter. Auch diese Dateien können Barrieren enthalten.
Ein eingescanntes PDF ohne echten Text ist für Screenreader kaum nutzbar. Auch fehlende Überschriften, schlechte Lesereihenfolgen oder unbeschriftete Tabellen können problematisch sein.
Wenn wichtige Informationen nur in einem PDF stehen, sollte dieses Dokument ebenfalls zugänglich sein. Noch besser ist oft, zentrale Inhalte zusätzlich direkt als HTML-Seite bereitzustellen.
Regelmäßige Pflege ist wichtiger als Perfektion
Viele Websitebetreiber sind beim Thema BFSG und Barrierefreiheit erst einmal verunsichert. Das ist verständlich. Die eigene Webseite komplett zu prüfen und alles perfekt umzusetzen, klingt nach viel Arbeit.
Wichtig ist aber: Man muss anfangen. Viele Verbesserungen sind gar nicht so kompliziert. Alt-Texte ergänzen, Überschriften korrigieren, Linktexte verbessern, Kontraste anpassen und Formulare testen – das sind konkrete Schritte, die schnell Wirkung zeigen.
Barrierefreiheit ist kein einmaliges Projekt, das danach für immer erledigt ist. Jede neue Seite, jedes neue Plugin und jeder neue Inhalt kann wieder neue Probleme bringen. Deshalb ist regelmäßige Pflege sinnvoller als eine einmalige Schnelllösung.
Für wen lohnt sich eine Prüfung besonders?
Besonders wichtig ist eine Prüfung bei Webseiten, auf denen Nutzer aktiv etwas tun sollen. Also nicht nur lesen, sondern kaufen, buchen, anfragen, registrieren oder bezahlen.
Dazu gehören zum Beispiel:
WooCommerce-Shops,
Terminbuchungsseiten,
Online-Kurse,
Mitgliederbereiche,
Dienstleistungsseiten mit Anfrageformular,
Webseiten mit Kundenlogin,
Portale oder digitale Services.
Aber auch klassische Firmenwebseiten profitieren davon. Eine klare, gut bedienbare Webseite wirkt professioneller und sorgt dafür, dass weniger Besucher abspringen.
Fazit: WordPress ist nur die Grundlage
WordPress kann eine gute Basis für eine barrierearme Webseite sein. Aber WordPress allein garantiert keine Barrierefreiheit. Entscheidend ist, wie die Webseite aufgebaut, gestaltet und gepflegt wird.
Theme, Plugins, Page Builder, Formulare, WooCommerce, Cookie-Banner und Inhalte müssen zusammenspielen. Wenn nur ein wichtiger Bereich schlecht umgesetzt ist, kann das für Nutzer schnell zum Hindernis werden.
Websitebetreiber sollten das BFSG nicht nur als Pflicht sehen, sondern als Anlass, die eigene Webseite grundsätzlich nutzerfreundlicher zu machen. Klare Strukturen, verständliche Texte, gute Kontraste, saubere Formulare und eine funktionierende Tastaturbedienung helfen nicht nur Menschen mit Einschränkungen. Sie machen die Webseite für alle besser.
Dieser Artikel gibt eine allgemeine Orientierung und ersetzt keine Rechtsberatung.