Barrierefreie Webseite: wer muss, was zählt und wie Sie anfangen
Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz, kurz BFSG. Es verlangt eine barrierefreie Webseite von vielen Unternehmen, die online Verträge mit Verbrauchern schließen, vor allem von Onlineshops. Reine Informationsseiten fallen nicht darunter, und Kleinstunternehmen mit Dienstleistungen sind ausgenommen. Für die meisten Vereinsseiten, Visitenkarten und Firmenseiten ohne Bestellmöglichkeit besteht also keine gesetzliche Pflicht.
Lohnen kann sich eine barrierefreie Webseite trotzdem. Sie hilft Menschen mit Sehschwäche, älteren Besuchern und allen, die gerade mit dem Handy in der Sonne stehen. Bei der Frage, ob Ihr Angebot unter das Gesetz fällt, ersetzt dieser Ratgeber keine Rechtsberatung.
Für wen das Gesetz gilt
Das BFSG setzt eine europäische Richtlinie um. Es betrifft bestimmte Produkte und Dienstleistungen für Verbraucher. Für Websites ist vor allem der elektronische Geschäftsverkehr wichtig, also alles, was online zu einem Vertrag mit Verbrauchern führt.
Betroffen sind Onlineshops, die an Verbraucher verkaufen, Buchungsportale, Abo-Angebote und andere Seiten, auf denen Verbraucher einen Vertrag abschließen. Die Pflicht gilt für den ganzen Weg dorthin: Produktseiten, Warenkorb, Formulare und Bezahlung.
Ausgenommen sind Kleinstunternehmen, die Dienstleistungen anbieten. So steht es in § 3 Absatz 3 BFSG, die Definition folgt in § 2 Nummer 17. Gemeint sind Betriebe mit weniger als zehn Beschäftigten und einem Jahresumsatz oder einer Bilanzsumme von höchstens zwei Millionen Euro. Ausgenommen sind außerdem Seiten ohne Vertragsabschluss und Shops, die nur an Unternehmen verkaufen.
Öffentliche Stellen wie Behörden und Gemeinden haben eigene Regeln, die schon länger gelten. Für sie ist dieser Ratgeber nicht gedacht.
Was eine barrierefreie Webseite ausmacht
Das Gesetz verweist auf eine europäische Norm, die EN 301 549. Für Websites übernimmt sie im Kern die Web Content Accessibility Guidelines, kurz WCAG, in der Stufe AA. Diese Richtlinien beruhen auf vier Grundsätzen.
Hinter den vier Wörtern stecken viele einzelne Kriterien. Die meisten davon sind keine Spezialtechnik, sondern sauberes Handwerk.
Bilder und Grafiken
Jedes Bild, das eine Information trägt, braucht einen Alternativtext, der diese Information wiedergibt. Ein Screenreader liest ihn vor. Reine Schmuckbilder bekommen dagegen einen leeren Alternativtext, damit sie übersprungen werden. Wichtig ist auch der umgekehrte Fall: Steht eine Telefonnummer oder Adresse nur als Bild auf der Seite, ist sie für Screenreader unsichtbar, solange der Alternativtext fehlt.
Kontrast und Schrift
Normaler Text braucht nach WCAG AA ein Kontrastverhältnis von mindestens 4,5 zu 1 zum Hintergrund. Hellgrau auf Weiß fällt fast immer durch. Die Schrift muss sich vergrößern lassen, ohne dass Inhalte abgeschnitten werden oder übereinanderliegen.
Tastatur und Fokus
Menü, Links, Formulare und Knöpfe müssen sich ohne Maus bedienen lassen. Dabei muss immer sichtbar sein, wo man sich gerade befindet. Viele Themes blenden diesen Fokusrahmen aus optischen Gründen aus. Das ist einer der häufigsten Fehler.
Struktur und Sprache
Überschriften sollten eine echte Gliederung bilden und nicht nur zur Gestaltung dienen. Links brauchen Texte, die auch ohne Umgebung verständlich sind. „Hier klicken“ sagt einem Screenreader-Nutzer nichts, der sich die Links einer Seite als Liste vorlesen lässt. Die Sprache der Seite muss im Code hinterlegt sein, damit die Vorlesestimme richtig ausspricht. Dafür steht im ersten Element der Seite <html lang="de">.
Formulare und Bestellweg
Jedes Feld braucht eine sichtbare Beschriftung, nicht nur einen grauen Platzhalter, der beim Tippen verschwindet. Fehlermeldungen müssen sagen, was falsch ist und wie es richtig geht. Im Shop gilt das bis zum letzten Klick, auch für eingebundene Zahlungsdienste.
Den Stand selbst prüfen
Ob Ihre Seite grundsätzlich auf einem guten Weg ist, sehen Sie mit sechs einfachen Tests. Sie ersetzen keine vollständige Prüfung, zeigen aber die größten Lücken.
Automatische Prüfwerkzeuge helfen zusätzlich. Bekannt sind WAVE und axe als Erweiterung für den Browser und der Bereich Lighthouse in den Entwicklerwerkzeugen von Chrome. Sie finden fehlende Alternativtexte, schwache Kontraste und unbeschriftete Felder schnell. Ob ein Alternativtext sinnvoll ist oder ob sich der Bestellweg verständlich bedienen lässt, erkennen sie aber nicht. Für einen Shop, der unter das Gesetz fällt, ist eine Prüfung durch Fachleute deshalb gut angelegtes Geld.
Was die Technik beiträgt und was nicht
Barrierefreiheit entsteht im Theme, im Inhalt und im Code der Seite. Der Webhoster hat darauf kaum Einfluss. Ein schneller Server hilft allen Besuchern, macht eine Seite aber nicht barrierefrei.
Bei WordPress lohnt der Blick auf das Theme. Im offiziellen Verzeichnis gibt es Themes mit der Kennzeichnung „Accessibility Ready“, die grundlegende Anforderungen erfüllen. Bei einem Baukasten hängen Sie von den Vorlagen des Anbieters ab. Wo die beiden Wege sich sonst unterscheiden, zeigt Baukasten oder WordPress.
Vorsicht bei Werkzeugen, die mit einer einzigen Zeile Code eine barrierefreie Webseite versprechen. Solche Einblendungen legen eine Bedienleiste über die Seite, beheben aber nicht die Ursachen im Code. Menschen, die auf Screenreader angewiesen sind, kritisieren sie seit Jahren.
FAQ: barrierefreie Webseite und BFSG
Die erste Antwort ist für kleine Shops die wichtigste, weil sie über die Pflicht entscheidet.
Mein Shop hat fünf Beschäftigte. Muss er barrierefrei sein?
Für den Shop selbst greift die Ausnahme für Kleinstunternehmen. Dafür müssen Sie auch beim Umsatz oder bei der Bilanzsumme unter der Grenze bleiben. Der Online-Verkauf zählt dabei als Dienstleistung. Anders ist es bei Produkten, die das Gesetz selbst erfasst, etwa Computer, Smartphones oder E-Book-Lesegeräte. Wer sie verkauft, hat eigene Prüfpflichten, für die es keine Ausnahme gibt. Lassen Sie Ihren Fall im Zweifel prüfen.
Wer kontrolliert die Einhaltung?
Zuständig sind die Marktüberwachungsbehörden der Länder, die dafür eine gemeinsame Stelle eingerichtet haben. Verbraucher und Verbände können Verstöße dort melden. Die Behörde kann Nachbesserung verlangen und im äußersten Fall den Vertrieb untersagen. Außerdem drohen nach § 37 BFSG Bußgelder, je nach Verstoß bis zu 100.000 Euro.
Brauche ich als Verein eine barrierefreie Webseite?
Gesetzlich in der Regel nicht, solange über die Seite keine Verträge mit Verbrauchern geschlossen werden. Für eine Vereinsseite, die viele ältere Mitglieder besuchen, ist sie trotzdem ein Gewinn. Weitere Tipps stehen unter Vereinswebseite.
Gilt das auch für PDF-Dateien zum Herunterladen?
Gehören sie zum Bestellweg, etwa als Vertragsunterlagen, sollten auch sie barrierefrei sein. Bei reinen Infoblättern auf einer nicht betroffenen Seite besteht keine Pflicht.
Hilft Barrierefreiheit bei Google?
Indirekt ja. Alternativtexte, klare Überschriften und sprechende Links helfen auch Suchmaschinen, die Seite zu verstehen. Eine schnelle, schlanke Seite zahlt ebenfalls auf beides ein.
Die Erklärung zur Barrierefreiheit
Wer unter das Gesetz fällt, muss außerdem informieren, wie das Angebot die Anforderungen erfüllt. Üblich ist dafür eine eigene Seite, verlinkt im Fußbereich neben Impressum und Datenschutzerklärung. Hinein gehören:
- eine allgemeine Beschreibung des Angebots in verständlicher Sprache,
- wie die Anforderungen umgesetzt sind und wo es noch Einschränkungen gibt,
- eine Kontaktmöglichkeit für Hinweise auf Barrieren,
- die zuständige Marktüberwachungsbehörde.
Die Erklärung selbst muss natürlich ebenfalls barrierefrei sein. Ein eingescanntes PDF erfüllt das nicht. Wer gerade einen Shop plant oder umbaut, sollte die Anforderungen gleich mitdenken. Was der Shop technisch sonst braucht, können Sie jetzt bei den Anforderungen für Onlineshop Hosting nachlesen.