Barrierefreie Website erstellen lassen – warum Abwarten seit Juni 2025 teuer wird
Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz. Unternehmen, die digitale Produkte oder Dienstleistungen an Verbraucher anbieten, müssen ihre Websites barrierefrei gestalten – nach WCAG 2.1 Level AA. Das ist keine Empfehlung. Das ist geltendes Recht.
Wer jetzt noch eine barrierefreie Website erstellen lassen will, steht unter Zeitdruck. Die Marktüberwachungsbehörden der Bundesländer können Bußgelder bis 100.000 Euro verhängen. Verbraucherschutzverbände dürfen abmahnen. Und der Markt reagiert bereits: Unternehmen ohne barrierefreien Webauftritt verlieren nicht nur rechtliche Sicherheit – sie verlieren Kunden.
Das Problem ist nicht die Pflicht. Das Problem ist, dass die meisten Unternehmen nicht wissen, wo sie anfangen sollen. WCAG 2.1, BITV 2.0, EN 301 549 – hinter diesen Abkürzungen stecken konkrete technische Anforderungen, die ohne Fachkenntnis kaum umsetzbar sind. Und genau hier beginnt der eigentliche Fehler: viele greifen zu Overlay-Tools oder Plugins, die Barrierefreiheit versprechen, aber nicht liefern.
In diesem Beitrag erfahren Sie, was eine barrierefreie Website wirklich ausmacht, was sie kostet, und worauf Sie achten müssen, wenn Sie einen Dienstleister beauftragen – damit Ihre Website nicht nur rechtskonform wird, sondern auch besser performt als vorher.
Ihre Website muss barrierefrei werden? Lassen Sie uns prüfen, wo Sie stehen.
Was bedeutet Barrierefreiheit für Websites konkret?
Die vier Grundprinzipien der WCAG 2.1
Barrierefreiheit im Web folgt vier Prinzipien, die das W3C in den Web Content Accessibility Guidelines definiert hat. Jede barrierefreie Website muss wahrnehmbar, bedienbar, verständlich und robust sein.
Wahrnehmbar bedeutet: Alle Inhalte müssen für alle Sinne zugänglich sein. Bilder brauchen beschreibende Alt-Texte, Videos brauchen Untertitel, Farbkontraste müssen mindestens 4,5:1 betragen, und Text muss ohne Informationsverlust auf 200 Prozent vergrößerbar sein.
Bedienbar bedeutet: Die gesamte Website muss per Tastatur navigierbar sein – ohne Maus, ohne Trackpad. Jedes interaktive Element braucht einen sichtbaren Fokuszustand. Animationen müssen pausierbar sein. Und kein Element darf eine Falle sein, aus der Tastaturnutzer nicht mehr herauskommen.
Verständlich bedeutet: Sprache und Struktur müssen klar sein. Formulare brauchen eindeutige Beschriftungen und hilfreiche Fehlermeldungen. Die Navigation muss konsistent funktionieren. Die Seitensprache muss im HTML-Code korrekt angegeben sein.
Robust bedeutet: Der Code muss so sauber sein, dass Screenreader und andere assistive Technologien ihn korrekt interpretieren. Valides HTML, korrekte ARIA-Attribute und semantische Struktur sind die Grundlage.
WCAG Level AA – der gesetzliche Mindeststandard
Das BFSG verweist auf die europäische Norm EN 301 549, die wiederum auf WCAG 2.1 Level AA basiert. Das ist der Standard, den Ihre Website mindestens erfüllen muss. Level A deckt nur die absoluten Grundlagen ab. Level AAA geht über die gesetzliche Pflicht hinaus und ist für die meisten Websites nicht vollständig umsetzbar.
Level AA umfasst 50 Erfolgskriterien. Die wichtigsten für Unternehmenswebsites: Farbkontraste von mindestens 4,5:1 für normalen Text, Tastaturzugänglichkeit aller Funktionen, Textalternativen für alle Nicht-Text-Inhalte, konsistente Navigation und Identifikation, sowie Fehlerhinweise und -korrekturvorschläge in Formularen.
Wen betrifft das BFSG – und wen nicht?
Das Barrierefreiheitsstärkungsgesetz gilt für Unternehmen, die digitale Produkte oder Dienstleistungen im B2C-Bereich anbieten. Das schließt Webshops, Buchungsplattformen, Kontaktformulare und Terminbuchungssysteme ein.
Ausgenommen sind Kleinstunternehmen mit weniger als 10 Mitarbeitern und weniger als 2 Millionen Euro Jahresumsatz – aber nur, wenn sie ausschließlich Dienstleistungen anbieten. Sobald sie Produkte online verkaufen, greift die Pflicht. Reine B2B-Angebote ohne Verbraucher-Zugang sind ebenfalls ausgenommen.
Auch wenn Ihr Unternehmen formal ausgenommen ist: Barrierefreiheit ist ein Qualitätsmerkmal. Eine Studie mit 10.000 Websites zeigt, dass WCAG-konforme Seiten 23 Prozent mehr organischen Traffic erhalten als nicht-konforme (Princeton GEO-Studie, 2025). Das ist kein Zufall – barrierefreie Websites sind technisch sauber, schnell und für Google besser crawlbar.
Warum Overlay-Tools und Plugins keine Lösung sind
Auf dem Markt gibt es zahlreiche Tools, die per JavaScript-Widget Barrierefreiheit über bestehende Websites legen. Die Versprechen sind verlockend: ein Script einbinden, fertig. Die Realität ist eine andere.
Was Overlay-Tools nicht können
Overlay-Tools wie AccessiBe, UserWay oder EqualWeb ändern nicht den Quellcode. Sie legen eine Schicht über die bestehende Website, die bestimmte Anpassungen simuliert – größere Schrift, höhere Kontraste, Tastaturnavigation. Das klingt gut. Aber die tatsächlichen Barrieren im HTML-Code bleiben bestehen.
Fehlende Alt-Texte werden durch KI-generierte Beschreibungen ersetzt, die oft ungenau oder falsch sind. Formulare ohne korrekte Labels bleiben für Screenreader unzugänglich, auch wenn das Overlay einen visuellen Hinweis zeigt. Und die zusätzlichen Scripts verlangsamen die Ladezeit – was sowohl die Nutzererfahrung als auch das Google-Ranking verschlechtert.
Rechtliche Risiken von Overlay-Lösungen
Ein Overlay-Tool allein macht Ihre Website nicht BFSG-konform. Mehrere Gerichtsurteile in den USA haben bereits bestätigt, dass Overlay-Tools keine ausreichende Barrierefreiheit herstellen. In Deutschland fehlen zwar noch vergleichbare Urteile, aber die Marktüberwachungsbehörden prüfen die tatsächliche Zugänglichkeit – nicht das Vorhandensein eines Widgets.
Wer sich auf ein Overlay verlässt, investiert in eine Scheinsicherheit und riskiert gleichzeitig Bußgelder und Abmahnungen.
Was eine professionell barrierefreie Website wirklich ausmacht
Barrierefreiheit beginnt in der Architektur
Eine nachträglich „barrierefrei gemachte” Website wird nie die Qualität einer Website erreichen, bei der Barrierefreiheit von Anfang an mitgedacht wurde. Der Unterschied liegt in der Architektur.
Semantisches HTML – also die korrekte Verwendung von Headings, Landmarks, Listen und Formularelementen – bildet das Fundament. Darauf baut die visuelle Gestaltung auf, nicht umgekehrt. Die Navigation muss logisch strukturiert sein. Der Fokusfluss muss den visuellen Lesefluss widerspiegeln. Und jede interaktive Komponente braucht die richtigen ARIA-Attribute.
Bei David Keiser ist Barrierefreiheit kein Zusatz-Feature, das am Ende eines Projekts angeschraubt wird. Es ist Teil der Webarchitektur – von der Konzeption über das Design bis zur technischen Umsetzung.
Performance und Barrierefreiheit gehen Hand in Hand
Eine barrierefreie Website ist fast immer auch eine schnelle Website. Sauberer Code ohne überflüssige Divs und Spans, optimierte Bilder mit korrekten Alt-Texten, schlankes CSS ohne redundante Deklarationen – all das reduziert die Ladezeit und verbessert die Core Web Vitals.
Das ist kein Zufall. Die technischen Anforderungen der WCAG überschneiden sich stark mit den Anforderungen von Google an eine hochwertige Website. Wer Barrierefreiheit ernst nimmt, optimiert automatisch für bessere Rankings.
Der Unterschied zwischen Compliance und echter Qualität
Es gibt Websites, die alle WCAG-Kriterien formal erfüllen – und trotzdem schlecht nutzbar sind. Compliance ist das Minimum. Echte digitale Barrierefreiheit bedeutet, dass die Website für alle Nutzer intuitiv und angenehm bedienbar ist.
Das zeigt sich in Details: Wie formuliert eine Fehlermeldung, dass ein Pflichtfeld fehlt? Wie reagiert die Navigation auf unterschiedliche Bildschirmgrößen? Wie wird ein komplexes Formular für Screenreader-Nutzer verständlich strukturiert?
Diese Details machen den Unterschied zwischen einer Website, die nur rechtskonform ist, und einer, die auch konvertiert.
Barrierefreiheit, die nicht nur rechtskonform ist – sondern mehr Anfragen bringt. Jetzt beraten lassen.
Die fünf häufigsten Fehler bei barrierefreien Websites
Fehler Nummer eins: Barrierefreiheit als nachträgliches Plugin behandeln
Viele Unternehmen beauftragen erst die Website, und denken dann an Barrierefreiheit. Das ist, als würde man ein Haus ohne Fundament bauen und nachträglich eines darunterschieben. Es funktioniert – aber es kostet dreimal so viel und das Ergebnis ist instabil.
Besser: Barrierefreiheit von der ersten Wireframe-Skizze an mitdenken. In der Konzeptionsphase, im Design, in der Entwicklung.
Fehler Nummer zwei: Sich auf automatisierte Tests verlassen
Tools wie Lighthouse oder WAVE finden etwa 30 bis 40 Prozent aller Barrierefreiheits-Probleme. Den Rest – Kontext von Alt-Texten, logische Tab-Reihenfolge, verständliche Formulierungen – kann nur ein Mensch beurteilen. Wer nur automatisiert testet, übersieht die Hälfte. Mehr dazu erfahren Sie in unserem Beitrag zum Thema Website auf Barrierefreiheit prüfen und testen.
Besser: Automatisierte Tools als erste Prüfung nutzen, dann manuell mit Tastatur und Screenreader testen.
Fehler Nummer drei: Alt-Texte als Pflichtübung statt als Kommunikation betrachten
„Bild1.jpg” oder „Logo” – solche Alt-Texte erfüllen formal das Kriterium, sind aber für Screenreader-Nutzer wertlos. Ein guter Alt-Text beschreibt, was das Bild zeigt und warum es relevant ist. „David Keiser bei der Beratung eines Kunden im Büro in Recklinghausen” transportiert Vertrauen. „Bild” transportiert nichts.
Besser: Jeden Alt-Text so formulieren, als müssten Sie einem blinden Kollegen das Bild beschreiben.
Fehler Nummer vier: Kontraste ignorieren
4,5:1 Kontrastverhältnis klingt nach einer trockenen Zahl. In der Praxis bedeutet es den Unterschied zwischen einem Text, den 100 Prozent Ihrer Besucher lesen können, und einem, der für 15 bis 20 Prozent unsichtbar ist. Hellgrauer Text auf weißem Hintergrund sieht elegant aus – und schließt Millionen Menschen aus.
Besser: Kontraste mit Tools wie dem WebAIM Contrast Checker prüfen und im Designsystem verankern.
Fehler Nummer fünf: Barrierefreiheit als einmalige Aufgabe betrachten
Eine Website lebt. Neue Inhalte, neue Funktionen, aktualisierte Plugins – all das kann bestehende Barrierefreiheit brechen. Ohne regelmäßige Prüfung schleichen sich Barrieren ein, die niemand bemerkt.
Besser: Quartalsmäßige Barrierefreiheits-Audits einplanen und bei jedem Content-Update die Grundkriterien prüfen.
Unsicher, ob Ihre Website barrierefrei ist? Kostenlose Ersteinschätzung anfordern.
Was kostet es, eine barrierefreie Website erstellen zu lassen?
Die Kosten hängen davon ab, ob Sie eine bestehende Website nachrüsten oder eine neue Website barrierefrei aufbauen lassen. Einen detaillierten Überblick finden Sie in unserem Beitrag Barrierefreies Webdesign – was kostet es wirklich?
Nachrüstung einer bestehenden Website
Grundlegende Anpassungen – Alt-Texte, Kontraste, Tastaturnavigation, semantische Korrekturen – beginnen bei 2.000 bis 5.000 Euro. Bei komplexeren Websites mit vielen Formularen, interaktiven Elementen oder einem Online-Shop steigen die Kosten auf 5.000 bis 15.000 Euro. In manchen Fällen ist ein Relaunch günstiger als eine aufwendige Nachrüstung.
Neuerstellung einer barrierefreien Website
Eine professionelle barrierefreie Website kostet zwischen 5.000 und 30.000 Euro – abhängig von Umfang, Funktionalität und Komplexität. Das ist nicht mehr als eine vergleichbare Website ohne Barrierefreiheit kosten sollte. Der Aufwand für Barrierefreiheit liegt bei einer Neuerstellung bei etwa 15 bis 25 Prozent des Gesamtbudgets.
Warum sich die Investition rechnet
Rechnen Sie gegenüber: Ein einziges Bußgeld kann bis zu 100.000 Euro kosten. Eine Abmahnung durch einen Verbraucherschutzverband schlägt mit 5.000 bis 15.000 Euro zu Buche. Und die 23 Prozent mehr organischer Traffic, die WCAG-konforme Websites nachweislich erhalten, bedeuten mehr Sichtbarkeit, mehr Anfragen und mehr Umsatz.
Wenn ein einziger Neukunde Ihrem Unternehmen 5.000 Euro Umsatz bringt, hat sich die Investition in Barrierefreiheit nach wenigen Monaten amortisiert.
So läuft ein Barrierefreiheits-Projekt bei David Keiser ab
Phase 1 – Analyse und Audit
Im ersten Schritt wird Ihre bestehende Website auf Barrierefreiheit geprüft. Automatisierte Tools identifizieren die offensichtlichen Probleme. Die manuelle Prüfung mit Tastatur und Screenreader deckt die versteckten Barrieren auf. Das Ergebnis ist ein priorisierter Maßnahmenkatalog.
Phase 2 – Strategie und Konzeption
Auf Basis des Audits wird entschieden: Nachrüstung oder Relaunch? Welche Maßnahmen haben den größten Impact? Welche können sofort umgesetzt werden? Die Strategie berücksichtigt nicht nur Compliance, sondern auch Conversion – denn eine barrierefreie Website, die keine Anfragen generiert, hat nur die halbe Aufgabe erfüllt.
Phase 3 – Umsetzung
Design und Entwicklung erfolgen nach dem Prinzip „Accessibility by Design”. Semantisches HTML, korrekte ARIA-Attribute, saubere Fokuszustände, optimierte Ladezeiten – alles wird von Anfang an richtig gebaut, nicht nachträglich geflickt.
Phase 4 – Test und Dokumentation
Vor dem Launch wird die Website erneut vollständig geprüft – automatisiert und manuell. Die Barrierefreiheitserklärung wird erstellt und im Footer platziert. Alle Maßnahmen werden dokumentiert, damit künftige Content-Updates die Barrierefreiheit nicht brechen. Nutzen Sie dazu unsere BFSG-Checkliste für Unternehmen.
Phase 5 – Laufende Betreuung
Barrierefreiheit ist kein Projekt mit Enddatum. Regelmäßige Audits, Content-Richtlinien für barrierefreie Texte und technische Wartung stellen sicher, dass Ihre Website dauerhaft konform bleibt.
Kostenloser Barrierefreiheits-Check für Ihre Website
In 15 Minuten erfahren Sie, wo Ihre Website steht – und welche Maßnahmen den größten Hebel haben. Inklusive priorisiertem Maßnahmenkatalog.
Häufig gestellte Fragen zur barrierefreien Website
Was kostet es, eine barrierefreie Website erstellen zu lassen?
Eine professionelle barrierefreie Website kostet zwischen 5.000 und 30.000 Euro – abhängig von Umfang und Funktionalität. Die Nachrüstung einer bestehenden Website beginnt bei etwa 2.000 Euro. Bei einer Neuerstellung macht der Barrierefreiheits-Anteil etwa 15 bis 25 Prozent des Gesamtbudgets aus. Die Investition amortisiert sich durch vermiedene Bußgelder und nachweislich höheren organischen Traffic.
Muss meine Website nach dem BFSG barrierefrei sein?
Das Barrierefreiheitsstärkungsgesetz gilt seit dem 28. Juni 2025 für alle Unternehmen, die digitale Produkte oder Dienstleistungen im B2C-Bereich anbieten. Ausgenommen sind Kleinstunternehmen mit weniger als 10 Mitarbeitern und unter 2 Millionen Euro Jahresumsatz, sofern sie nur Dienstleistungen anbieten. Bei Verstößen drohen Bußgelder bis 100.000 Euro.
Reicht ein Accessibility-Plugin für Barrierefreiheit?
Overlay-Tools und Plugins allein machen eine Website nicht BFSG-konform. Sie können bestimmte Anpassungen simulieren, ändern aber nicht den Quellcode. Fehlende Alt-Texte, inkorrekte Formularlabels und mangelhafte Semantik bleiben bestehen. Für echte Barrierefreiheit ist eine professionelle Umsetzung auf Code-Ebene notwendig.
Wie lange dauert die Umsetzung einer barrierefreien Website?
Ein vollständiger Relaunch mit Barrierefreiheit dauert in der Regel 6 bis 12 Wochen. Die Nachrüstung einer bestehenden Website kann je nach Umfang in 2 bis 6 Wochen abgeschlossen werden. Der Zeitrahmen hängt von der Komplexität der Website, der Anzahl der Seiten und den bestehenden technischen Grundlagen ab.
Verbessert Barrierefreiheit mein Google-Ranking?
Ja. Eine Studie mit 10.000 Websites zeigt, dass WCAG-konforme Seiten 23 Prozent mehr organischen Traffic und 27 Prozent mehr Keyword-Rankings erhalten. Barrierefreie Websites sind technisch sauber, schnell und semantisch korrekt strukturiert – alles Faktoren, die Google positiv bewertet. Barrierefreiheit und SEO verstärken sich gegenseitig.
Was ist eine Barrierefreiheitserklärung und brauche ich eine?
Die Barrierefreiheitserklärung ist ein Pflichtdokument nach dem BFSG. Sie informiert Nutzer darüber, welchen Standard Ihre Website erfüllt, wo es noch Einschränkungen gibt, und wie Barrieren gemeldet werden können. Die Erklärung wird im Footer platziert und muss mindestens jährlich aktualisiert werden. Bei wesentlichen Website-Änderungen ist eine sofortige Aktualisierung erforderlich.
