Barrierefreie Website: Was seit dem BFSG gilt und wie du deine Seite prüfst

Diesen Beitrag habe ich Anfang 2024 geschrieben, als das Barrierefreiheitsstärkungsgesetz noch Zukunft war. Inzwischen gilt es. Hier steht, was das für deine Website bedeutet und wie du sie selbst prüfen kannst. Stand: Oktober 2026. Eine Rechtsberatung ersetzt der Beitrag nicht.

Was heißt eigentlich barrierefrei?

Eine barrierefreie Website kann jeder nutzen: Menschen, die schlecht sehen oder sich die Seite vorlesen lassen, die keine Maus bedienen können, die schwerhörig sind oder sich mit langen, verschachtelten Texten schwertun. Maßstab sind die WCAG, die internationalen Richtlinien für barrierefreie Webinhalte. Sie beruhen auf vier Grundsätzen:

• Wahrnehmbar: Inhalte lassen sich sehen, hören oder vorlesen, zum Beispiel dank Alt-Texten und Untertiteln.

• Bedienbar: Alles funktioniert auch mit der Tastatur.

• Verständlich: Texte und Formulare sind klar, Fehler werden erklärt.

• Robust: Die Seite funktioniert mit Hilfsmitteln wie Screenreadern.

Was das BFSG seit Juni 2025 verlangt

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG). Bei Websites betrifft es vor allem Angebote, über die Verbraucher etwas kaufen, buchen oder einen Vertrag abschließen, also Onlineshops, Buchungssysteme und Kursplattformen.

• Eine reine Informations-Website ohne Kauf- oder Buchungsfunktion fällt in der Regel nicht darunter.

• Kleinstunternehmen, die Dienstleistungen anbieten, sind ausgenommen. Gemeint sind Unternehmen mit weniger als zehn Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme.

• Wer betroffen ist, muss auch darüber informieren, wie das Angebot die Anforderungen erfüllt, zum Beispiel in einer Erklärung zur Barrierefreiheit.

• Kontrolliert wird von der Marktüberwachungsstelle der Länder für die Barrierefreiheit (MLBF) in Magdeburg. Bei Verstößen sind Bußgelder möglich.

Viele Selbstständige fallen unter die Ausnahme für Kleinstunternehmen oder haben keine Kauf- oder Buchungsfunktion auf ihrer Website. Ob das für dich gilt, hängt von deinem Angebot und deinem Unternehmen ab. Wenn du unsicher bist, findest du verlässliche Informationen bei der Bundesfachstelle Barrierefreiheit (öffnet in neuem Tab), und im Zweifel hilft ein Anwalt weiter.

Warum es sich auch ohne Pflicht lohnt

Von einer barrierefreien Website haben alle etwas. Gute Kontraste lassen sich auch in der Sonne auf dem Handy lesen, klare Überschriften helfen beim Überfliegen, und verständliche Fehlermeldungen sorgen dafür, dass weniger Anfragen im Formular hängen bleiben. Eine saubere Struktur hilft außerdem Suchmaschinen, deine Seite zu verstehen.

Die wichtigsten Punkte für deine Website

Überschriften in der richtigen Reihenfolge

Eine H1 pro Seite, darunter H2, H3 und so weiter, ohne Stufen zu überspringen. Wer einen Screenreader nutzt, springt über die Überschriften durch die Seite, so wie du mit den Augen.

Alles mit der Tastatur bedienbar

Klick dich einmal nur mit der Tab-Taste durch deine Seite. Siehst du immer, wo du gerade bist? Kommst du ins Menü, durch das Formular und bis zum Absenden-Button?

Kontraste und Schrift

Text braucht genug Kontrast zum Hintergrund, bei normaler Schriftgröße mindestens 4,5 : 1. Helles Grau auf Weiß ist der Klassiker, der hier durchfällt. Und Informationen dürfen nicht nur über Farbe laufen, etwa „Pflichtfelder sind rot markiert“.

Alt-Texte und Untertitel

Jedes Bild, das etwas aussagt, braucht einen Alt-Text, der beschreibt, was zu sehen ist. Rein dekorative Bilder bekommen einen leeren Alt-Text. Videos brauchen Untertitel, Podcasts ein Transkript.

Verständliche Formulare

Jedes Feld braucht eine sichtbare Beschriftung, ein Platzhaltertext im Feld reicht nicht. Fehlt etwas, sagt die Fehlermeldung genau, was fehlt und wie man es behebt.

Klare Sprache

Kurze Sätze, wenig Fachbegriffe, und wenn doch, dann erklärt. Das hilft auch allen, die gerade nebenbei auf dem Handy lesen.

So prüfst du deine Website

1. Klick dich mit der Tastatur durch, wie oben beschrieben.

2. Lass deine Seite mit dem kostenlosen Tool WAVE (öffnet in neuem Tab) prüfen. Es zeigt fehlende Alt-Texte, schwache Kontraste und Lücken in der Überschriften-Struktur.

3. Nutze in Chrome den eingebauten Lighthouse-Test: Rechtsklick auf die Seite, „Untersuchen“, dann der Reiter „Lighthouse“.

4. Bitte, wenn möglich, jemanden um einen Test, der einen Screenreader nutzt. Automatische Tools finden nur einen Teil der Probleme.

Eine ausführliche Liste zum Abhaken bekommst du mit meiner Checkliste für eine barrierefreie Website.

Du möchtest Unterstützung?

Ich schaue mir deine Website an und sage dir, wo die größten Baustellen sind. Danach weißt du, ob kleine Anpassungen reichen oder ein Relaunch sinnvoller ist. Buch dir ein kostenloses Erstgespräch oder schreib mir über das Kontaktformular.