Webdesign
10 April 2026

Barrierefreie Website: BFSG-Pflicht, Checkliste & Umsetzung 2026

7 Min. Lesezeit

Barrierefreie Website nach BFSG: Welche Pflichten gelten, wie du die Umsetzung schaffst und welche Kosten auf dich zukommen.

Diverses Team arbeitet gemeinsam am Laptop an einer barrierefreien Website nach BFSG-Standards für digitale Inklusion

Was bedeutet "barrierefreie Website" eigentlich?

Eine barrierefreie Website kann von allen Menschen genutzt werden - unabhängig von körperlichen Einschränkungen, Alter oder technischen Voraussetzungen. Das betrifft nicht nur Menschen mit Sehbehinderung oder motorischen Einschränkungen, sondern auch ältere Nutzer, Menschen mit langsamer Internetverbindung oder Besucher, die deine Seite unterwegs mit einer Hand bedienen.

Der internationale Standard für digitale Barrierefreiheit heißt WCAG 2.1 auf Level AA (Web Content Accessibility Guidelines). Diese Richtlinien wurden vom W3C Web Accessibility Initiative definiert und sind weltweit anerkannt. In Deutschland bilden sie die technische Grundlage für das neue Barrierefreiheitsstärkungsgesetz.

BFSG 2025: Wer muss seine Website barrierefrei machen?

Das Barrierefreiheitsstärkungsgesetz (BFSG) ist am 28. Juni 2025 in Kraft getreten und setzt den European Accessibility Act in deutsches Recht um. Viele Unternehmer sind seitdem verunsichert: Bin ich betroffen? Die Antwort hängt von drei Faktoren ab:

  • Art deiner Dienstleistung: Onlineshops, Banking-Portale, Buchungssysteme, Telekommunikationsdienste, Transportseiten und Streaming-Angebote fallen unter das Gesetz.
  • Größe deines Unternehmens: Laut Bundesfachstelle Barrierefreiheit sind Kleinstunternehmen mit weniger als zehn Beschäftigten und maximal 2 Millionen Euro Jahresumsatz von der Pflicht für Dienstleistungen ausgenommen. Wer Produkte herstellt oder in Verkehr bringt, fällt aber trotzdem unter das Gesetz.
  • Kundengruppe: Nur Angebote, die sich an Verbraucher richten (B2C), sind betroffen. Reine B2B-Seiten bleiben ausgenommen.

Auch wenn du als Kleinstunternehmen formal ausgenommen bist, solltest du Barrierefreiheit ernst nehmen. Rund 7,8 Millionen Menschen in Deutschland leben mit einer Behinderung - das ist eine Kundengruppe, die du sonst aktiv ausschließt.

Die 4 WCAG-Prinzipien: So prüfst du deine Website

Die WCAG-Richtlinien basieren auf vier Grundprinzipien, die unter dem Akronym POUR zusammengefasst werden. Jede barrierefreie Website muss diese erfüllen:

1. Wahrnehmbar (Perceivable)

Inhalte müssen für alle Sinne zugänglich sein. Das bedeutet konkret: Bilder brauchen aussagekräftige Alt-Texte, Videos benötigen Untertitel und Transkripte, und Farbkontraste müssen stark genug sein (mindestens 4,5:1 für normalen Text).

2. Bedienbar (Operable)

Die Website muss sich komplett per Tastatur bedienen lassen - ohne Maus. Das ist essentiell für Menschen mit motorischen Einschränkungen. Außerdem dürfen keine blitzenden oder schnell bewegten Elemente enthalten sein, die Epilepsie-Anfälle auslösen könnten.

3. Verständlich (Understandable)

Texte müssen in klarer Sprache geschrieben sein, die Navigation muss konsistent funktionieren und Formulare brauchen verständliche Fehlermeldungen. Fachbegriffe sollten erklärt werden.

4. Robust (Robust)

Dein Code muss valide sein und mit assistiven Technologien wie Screenreadern funktionieren. Semantisches HTML ist hier der Schlüssel - also richtige Überschriften-Hierarchie, korrekte Formular-Labels und ARIA-Attribute wo nötig.

Barrierefreie Website Checkliste: Die wichtigsten Sofortmaßnahmen

Diese konkreten Schritte kannst du in den nächsten Wochen umsetzen - sie decken rund 80 Prozent der häufigsten Barrieren ab:

  • Alt-Texte für alle Bilder: Beschreibe jedes Bild so, dass ein blinder Nutzer versteht, was darauf zu sehen ist. Dekorative Bilder bekommen ein leeres Alt-Attribut (alt="").
  • Kontrastprüfung: Nutze den kostenlosen Contrast Checker von WebAIM und prüfe jede Text-Hintergrund-Kombination. Graue Texte auf weißem Grund sind der häufigste Verstoß.
  • Tastatur-Navigation testen: Steck deine Maus weg und navigiere mit Tab durch deine gesamte Seite. Kannst du alle Buttons erreichen? Siehst du, wo du gerade bist (Fokus-Indikator)?
  • Überschriften-Hierarchie: Nutze H1 nur einmal pro Seite, danach H2, H3 usw. in logischer Reihenfolge. Überspringe keine Ebenen.
  • Formular-Labels: Jedes Eingabefeld braucht ein sichtbares Label, nicht nur einen Platzhaltertext. Fehlermeldungen müssen klar benennen, was falsch ist.
  • Verständliche Links: Vermeide "hier klicken" als Linktext. Schreib stattdessen, wohin der Link führt: "Alle Leistungen ansehen" statt "mehr erfahren".
  • Sprache deklarieren: Setze im HTML-Tag lang="de" für deutsche Seiten. Screenreader benötigen diese Info für die korrekte Aussprache.
  • Videos mit Untertiteln: Jedes Video braucht Untertitel, jede Audio-Datei ein Transkript. YouTube bietet automatische Untertitel, die du manuell korrigieren solltest.

Was kostet eine barrierefreie Website?

Die Kosten hängen stark vom Ausgangszustand ab. Bei einer bestehenden Website liegen die Nachrüstungskosten typischerweise zwischen 2.000 und 15.000 Euro. Bei komplexen Shops oder Portalen kann es auch deutlich mehr werden. Wer Barrierefreiheit von Anfang an mitdenkt, spart dagegen erheblich: Der Aufpreis liegt bei einer Neuentwicklung oft nur bei 5 bis 15 Prozent gegenüber einer Standard-Umsetzung.

Wir haben die Investition in eine neue Website detailliert in unserem Guide zu Preisen und Budget-Planung für Websites aufgeschlüsselt. Plane Barrierefreiheit am besten als festen Bestandteil von Anfang an ein - eine spätere Nachrüstung ist fast immer teurer.

Die besten Tools zum Testen deiner Website

Für die erste Analyse brauchst du keine teure Software. Diese Tools sind kostenlos und liefern belastbare Ergebnisse:

  • WAVE Browser Extension: Zeigt Barrieren direkt auf deiner Seite als visuelle Markierungen an. Perfekt für den schnellen Überblick.
  • axe DevTools: Professionelles Tool für Entwickler, das in den Chrome DevTools läuft und detaillierte technische Fehler aufzeigt.
  • Google Lighthouse: Im Chrome-Browser integriert, liefert einen Accessibility-Score zusammen mit Performance- und SEO-Werten. Eine gute Einführung in die Grundlagen findest du in der Accessibility-Lernressource von Google.
  • Screenreader NVDA: Kostenloser Screenreader für Windows. Probiere deine Seite damit aus - es öffnet dir buchstäblich die Ohren für bestehende Probleme.

Wichtig: Automatische Tools finden nur etwa 30 Prozent aller Barrieren. Für eine verlässliche Einschätzung brauchst du zusätzlich manuelle Tests und idealerweise echte Nutzer mit Behinderungen.

Strafen und Risiken bei Nichteinhaltung

Bei Verstößen gegen das BFSG drohen empfindliche Bußgelder von bis zu 100.000 Euro. Die Marktüberwachung erfolgt durch die Länder, was bedeutet: Jedes Bundesland kann prüfen und sanktionieren. Noch gravierender kann der Reputationsschaden sein: Ein einzelner öffentlich gemachter Fall kann das Vertrauen deiner Kunden nachhaltig beschädigen.

Auch abmahnfähig ist das Thema. Wettbewerbszentralen und Verbraucherverbände dürfen Abmahnungen aussprechen, wenn eine Website gegen die Vorgaben verstößt. Die Kosten einer Abmahnung liegen typischerweise zwischen 1.500 und 3.000 Euro - und das oft mehrfach.

Der SEO-Bonus: Warum Barrierefreiheit dein Ranking verbessert

Was viele übersehen: Barrierefreiheit und SEO arbeiten Hand in Hand. Google nutzt viele der gleichen Signale wie Screenreader, um deine Seite zu verstehen. Eine barrierefreie Seite ist deshalb fast immer auch eine bessere SEO-Seite:

  • Semantisches HTML hilft Google, die Struktur deiner Inhalte zu erfassen - gleichzeitig nutzen Screenreader exakt diese Struktur.
  • Alt-Texte verbessern die Bildersuche-Rankings und geben Google Kontext.
  • Klare Navigation reduziert die Absprungrate und verbessert das User-Signal für Google.
  • Bessere Ladezeiten durch optimierte Strukturen wirken sich direkt auf Core Web Vitals aus.

Wer beide Aspekte zusammendenkt, profitiert doppelt. Konkrete Maßnahmen haben wir in unserem Artikel zu SEO-Tipps für besseres Google-Ranking zusammengefasst - viele davon sind auch Accessibility-Maßnahmen.

Die Erklärung zur Barrierefreiheit: Pflicht und Praxis

Jede betroffene Website muss eine "Erklärung zur Barrierefreiheit" veröffentlichen. Diese gehört idealerweise in den Footer deiner Seite und enthält folgende Angaben:

  • Inwieweit die Website die Anforderungen erfüllt
  • Welche Bereiche noch nicht barrierefrei sind und warum
  • Wie Nutzer Barrieren melden können (Kontaktangabe)
  • Das Datum der letzten Überprüfung

Diese Erklärung ist keine lästige Pflichtübung, sondern zeigt deinen Kunden, dass du Barrierefreiheit ernst nimmst. Auch eine Schlichtungsstelle muss genannt werden - für die Privatwirtschaft ist das die Schlichtungsstelle des Bundes nach dem BFSG.

Barrierefreiheit als Chance, nicht als Pflicht

Viele Unternehmer denken bei Barrierefreiheit zuerst an zusätzlichen Aufwand. Dabei zeigen Studien einen anderen Bild: Barrierefreie Websites erreichen laut einer von Google dokumentierten Case Study eine breitere Zielgruppe, verbessern die Conversion-Rate und reduzieren Support-Anfragen. Die Investition zahlt sich fast immer aus.

Wenn du deine Website ohnehin bald erneuern möchtest, ist jetzt der ideale Zeitpunkt. Wir haben die wichtigsten Schritte für ein sauberes Upgrade in unserem Guide zum Website Relaunch mit SEO-Schutz zusammengefasst.

Du willst wissen, ob deine Website schon heute den Anforderungen entspricht oder brauchst Unterstützung bei der Umsetzung? Bei Eazy Media aus Karlsruhe begleiten wir kleine und mittelständische Unternehmen auf dem Weg zur barrierefreien, modernen Website - von der Analyse bis zum Relaunch. Melde dich einfach für ein unverbindliches Erstgespräch und wir finden heraus, was für dein Unternehmen wirklich sinnvoll ist.

Wir helfen KMU dabei, mit professionellem Webdesign und SEO mehr Kunden zu gewinnen.
Kostenloses Erstgespräch

Das könnte dich auch interessieren

Hilfe bei der Erstellung Ihrer Website?
Mit Tobias schreiben