Webseiten
Barrierefreie Website nach BFSG und WCAG 2.1 AA
Eine barrierefreie Website kann jeder nutzen: mit Tastatur, Screenreader oder Vergrößerung. Seit dem 28. Juni 2025 ist sie für viele Angebote an Verbraucher Pflicht. Wir prüfen, ob das Gesetz Sie betrifft, und machen Ihre Seite barrierefrei nach WCAG 2.1 AA.
Feste Ansprechpartner · Monatsbericht · Partner von IONOS, WatchGuard, TERRA, sipgate und eRecht24
Überblick
Was eine barrierefreie Website heute leisten muss
Barrierefrei heißt: Menschen mit und ohne Einschränkung können Ihre Seite ohne fremde Hilfe nutzen. Das betrifft blinde Menschen mit Screenreader, also einer Software, die Inhalte vorliest. Es betrifft aber auch Menschen, die nur die Tastatur nutzen, schlecht sehen oder ein gebrochenes Handgelenk haben.
Eine barrierefreie Website hat einen klaren Aufbau mit echten Überschriften, ausreichende Kontraste, Alternativtexte für Bilder und Formulare mit verständlichen Beschriftungen. Jede Funktion lässt sich auch ohne Maus bedienen. Fehlermeldungen sagen, was falsch ist und wie man es behebt.
Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG). Es setzt den European Accessibility Act der EU um. Für viele Online-Shops, Buchungsstrecken und Kundenportale ist eine barrierefreie Webseite damit keine Kür mehr, sondern Pflicht.
Davon profitieren nicht nur Menschen mit Behinderung. Auch ältere Kunden, Menschen mit Smartphone in der Sonne oder ohne Ton im Zug kommen besser zurecht. Eine barrierefreie Website ist deshalb vor allem eine gut gemachte Website.
Ergebnis
Was Ihnen eine barrierefreie Website bringt
Rechtssicherheit
Sie wissen, ob das BFSG für Sie gilt, und können belegen, was Sie umgesetzt haben.
Mehr Menschen erreichen
Kunden mit Einschränkung, ältere Menschen und alle, die gerade unterwegs sind, kommen ohne Hürden ans Ziel.
Bessere Seite für alle
Eine barrierefreie Website hat klare Struktur, gute Kontraste und einfache Formulare. Das hilft jedem Besucher und auch Suchmaschinen.
Für wen
Für Unternehmen mit Angeboten an Verbraucher
Sie verkaufen online, nehmen Buchungen an oder schließen Verträge über Ihre Website ab. Ob das BFSG für Sie gilt, ist unklar, und eine erste Prüfung zeigt rote Zahlen. Gleichzeitig verspricht ein Plugin, die barrierefreie Website mit einer Zeile Code zu liefern.
- Unsicher, ob das BFSG für Ihr Angebot gilt
- Fehlende Kontraste, Alternativtexte oder Tastaturbedienung
- Keine Erklärung zur Barrierefreiheit auf der Seite
- Niemand im Haus, der Barrierefreiheit prüfen kann
Leistung
Was wir für Ihre barrierefreie Website übernehmen
Betroffenheit klären
Wir ordnen mit Ihnen ein, ob und mit welchen Teilen Ihrer Seite das BFSG Sie betrifft. Orientierung, keine Rechtsberatung.
Prüfung nach WCAG 2.1 AA
Automatische Tests plus Prüfung von Hand mit Tastatur und Screenreader, festgehalten in einem verständlichen Bericht.
Umsetzung im Code
Wir beheben die Mängel dort, wo sie entstehen: in Vorlagen, Inhalten, Formularen und Farben.
Erklärung zur Barrierefreiheit
Wir erstellen die Informationen, die das BFSG verlangt, und binden sie gut auffindbar ein.
Schulung fürs Team
Ihre Redaktion lernt, wie neue Inhalte barrierefrei bleiben: Überschriften, Alternativtexte, Links und PDF.
Laufende Pflege
Nach Updates und neuen Inhalten prüfen wir nach, damit die Seite barrierefrei bleibt.
Gilt das BFSG für Ihre Website?
Das BFSG gilt nicht für jede Website. Ob Sie Ihre Website barrierefrei machen müssen, hängt davon ab, was Sie anbieten und an wen. Diese Fragen helfen bei der Einordnung. Ausführlich erklären wir die Pflicht im Beitrag BFSG und Website: wer betroffen ist.
Wer betroffen ist
Erfasst sind unter anderem Dienstleistungen im elektronischen Geschäftsverkehr. Das Gesetz meint damit Angebote über Websites und Apps, die auf den Abschluss eines Vertrags mit Verbrauchern zielen (§ 2 Nr. 26 BFSG). Typische Beispiele sind Online-Shops, Terminbuchungen mit Vertragsabschluss, Ticketverkauf und Kundenportale von Banken oder Telekommunikationsanbietern.
Ausnahme für Kleinstunternehmen
Kleinstunternehmen, die Dienstleistungen anbieten, sind ausgenommen (§ 3 Abs. 3 BFSG). Als Kleinstunternehmen gilt, wer weniger als zehn Personen beschäftigt und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme hat (§ 2 Nr. 17 BFSG). Für Produkte gilt diese Ausnahme nicht.
Reine Geschäftskunden und Info-Seiten
Richtet sich Ihr Angebot nachweislich nur an Unternehmen, oder ist Ihre Seite eine reine Visitenkarte ohne Vertragsabschluss, fällt sie meist nicht unter das BFSG. Die Grenze ist im Einzelfall nicht immer klar. Wenn Sie unsicher sind, klärt das Ihre Kanzlei.
Übergangsfristen und Folgen
Verträge über Dienstleistungen, die vor dem 28. Juni 2025 geschlossen wurden, dürfen längstens bis 27. Juni 2030 unverändert weiterlaufen (§ 38 BFSG). Neue Angebote müssen die Anforderungen sofort erfüllen. Verstöße können Bußgelder bis 100.000 Euro nach sich ziehen (§ 37 BFSG, Stand Oktober 2026).
Standard
WCAG 2.1 AA und EN 301 549 verständlich erklärt
Die Web Content Accessibility Guidelines (WCAG) 2.1 des W3C sind der internationale Maßstab für barrierefreie Webinhalte. Sie haben drei Stufen: A, AA und AAA. Stufe AA ist der übliche Maßstab und in Europa über die Norm EN 301 549 verankert, auf die sich die Anforderungen an Websites in der Praxis stützen.
Die WCAG ordnen alles nach vier Grundsätzen:
- Wahrnehmbar: Inhalte sind sichtbar oder hörbar, etwa durch Alternativtexte und Untertitel.
- Bedienbar: Alles funktioniert mit der Tastatur, nichts blinkt gefährlich, niemand steht unter Zeitdruck.
- Verständlich: Sprache, Navigation und Fehlermeldungen sind klar.
- Robust: Der Code ist sauber, damit Hilfsmittel wie Screenreader ihn lesen können.
Seit 2023 gibt es die WCAG 2.2 mit einigen zusätzlichen Kriterien. Wir prüfen nach WCAG 2.1 AA und setzen die sinnvollen Ergänzungen aus 2.2 gleich mit um. Eine deutsche Einführung bietet das W3C.
Ablauf
Website barrierefrei machen in vier Schritten
Einordnen
Wir klären, welche Teile Ihrer Seite unter das BFSG fallen und welche Seiten wir zuerst prüfen.
Prüfen
Automatische Tests und Prüfung von Hand nach WCAG 2.1 AA, mit Bericht und klarer Reihenfolge.
Umsetzen
Wir beheben die Mängel im Code und in den Inhalten und testen jede Korrektur erneut.
Erklären und pflegen
Erklärung zur Barrierefreiheit, Schulung Ihres Teams und Kontrolle nach Änderungen.
So prüfen wir: automatisch und von Hand
Automatische Prüfwerkzeuge sind schnell und finden viele technische Fehler: fehlende Alternativtexte, zu schwache Kontraste, leere Links. Sie erkennen aber nur einen Teil der Anforderungen. Ob ein Alternativtext sinnvoll ist oder ein Formular verständlich, beurteilt nur ein Mensch.
Deshalb prüfen wir in zwei Durchgängen:
- Automatisch: Wir scannen ausgewählte Vorlagen und Seiten mit mehreren Werkzeugen und gleichen die Ergebnisse ab.
- Tastatur: Wir bedienen jede Funktion ohne Maus und achten auf sichtbaren Fokus und eine logische Reihenfolge.
- Screenreader: Wir hören uns Navigation, Formulare und wichtige Abläufe an, etwa den Weg vom Produkt bis zur Bestellung.
- Zoom und Mobilgerät: Wir vergrößern auf 200 und 400 Prozent und prüfen, ob nichts verloren geht.
Ein Wert von 100 bei der Barrierefreiheit in Google Lighthouse ist ein guter Anfang, aber kein Beweis. Lighthouse testet automatisch und sieht deshalb nur einen Ausschnitt. Für eine barrierefreie Website zählt, ob echte Menschen mit echten Hilfsmitteln ans Ziel kommen.
Sie erhalten einen Bericht, der jeden Mangel mit Fundstelle, WCAG-Kriterium und Lösung beschreibt. Die Mängel sind nach Wirkung sortiert, damit Ihr Budget zuerst dort ankommt, wo es am meisten hilft.
Die fünf häufigsten Mängel auf Websites
Die jährliche Auswertung WebAIM Million prüft die Startseiten von einer Million Websites automatisch. 2026 zeigten 95,9 Prozent erkennbare WCAG-Fehler. Diese Mängel tauchen am häufigsten auf:
- Zu geringer Kontrast. Auf 83,9 Prozent der Startseiten war Text zu blass für seinen Hintergrund. Hellgrau auf Weiß sieht elegant aus, ist für viele aber kaum lesbar.
- Fehlende Alternativtexte. 53,1 Prozent der Seiten hatten Bilder ohne Beschreibung. Ein Screenreader liest dann nur den Dateinamen vor oder gar nichts.
- Formularfelder ohne Beschriftung. Bei 51 Prozent fehlten Labels. Wer nicht sieht, weiß dann nicht, was in ein Feld gehört.
- Leere Links und Schaltflächen. Links ohne Text kamen auf 46,3 Prozent der Seiten vor, leere Schaltflächen auf 30,6 Prozent. Ein Symbol allein sagt dem Screenreader nichts.
- Fehlende Sprachangabe. 13,5 Prozent der Seiten gaben ihre Sprache nicht an. Die Vorlesestimme spricht deutschen Text dann womöglich mit englischer Aussprache.
Alle Zahlen: WebAIM Million, Stand 2026. Die gute Nachricht: Diese Fehler sind gut zu beheben, oft zentral in der Vorlage für viele Seiten auf einmal.
Pflichtangabe
Die Erklärung zur Barrierefreiheit für Ihre barrierefreie Webseite
Wer unter das BFSG fällt, muss Verbraucher darüber informieren, wie die Dienstleistung die Anforderungen erfüllt. Die Inhalte nennt Anlage 3 des BFSG. In der Praxis heißt das: eine eigene Seite, die von überall gut erreichbar ist, meist über den Footer.
Hinein gehören unter anderem:
- eine allgemeine Beschreibung der Dienstleistung in verständlicher Sprache,
- Erläuterungen, wie die Dienstleistung barrierefrei genutzt werden kann,
- Angaben, wie die Anforderungen erfüllt werden, und bekannte Einschränkungen,
- die zuständige Marktüberwachungsbehörde.
Wir schreiben die Erklärung auf Grundlage unserer Prüfung, damit sie zum echten Stand Ihrer Seite passt. Hilfestellung zu den Inhalten gibt auch die Bundesfachstelle Barrierefreiheit. Eine Erklärung, die mehr verspricht, als die Seite hält, schadet eher, als sie nützt.
Overlay-Plugin oder echte Umsetzung?
Overlay-Tools sind Werkzeugleisten, die per Skript über Ihre Seite gelegt werden. Sie versprechen Barrierefreiheit mit einer Zeile Code. Der Vergleich zeigt, warum wir davon abraten.
Overlay-Tool
Verändert Schriftgröße, Farben oder Abstände für den Besucher, lässt aber den fehlerhaften Code darunter bestehen. Fehlende Beschriftungen, falsche Überschriften oder nicht bedienbare Menüs bleiben. Viele Menschen mit Screenreader nutzen eigene Hilfsmittel und empfinden Overlays als störend.
Echte Umsetzung
Behebt die Ursachen im Code, in den Vorlagen und Inhalten. Die Seite funktioniert dann mit den Hilfsmitteln, die Menschen ohnehin nutzen. Der Aufwand ist höher, das Ergebnis lässt sich aber prüfen und belegen.
Die US-Handelsbehörde FTC hat einem großen Overlay-Anbieter im April 2025 eine Zahlung von 1 Million US-Dollar auferlegt, weil er WCAG-Konformität versprochen hatte, die sein Produkt nicht lieferte (Bericht zur FTC-Anordnung). Hunderte Fachleute haben ihre Kritik im Overlay Fact Sheet zusammengefasst.
Was sich bei der Umsetzung konkret ändert
Die meisten Änderungen sieht man kaum, sie wirken im Hintergrund. Typische Arbeiten bei einem Projekt:
- Farben: Wir passen Text- und Schaltflächenfarben so an, dass sie die Kontrastwerte nach WCAG 2.1 AA erreichen, möglichst nah an Ihrer Marke.
- Struktur: Genau eine Hauptüberschrift, logische Zwischenüberschriften, Landmarken für Kopf, Navigation, Inhalt und Fuß.
- Tastatur: Sichtbarer Fokusrahmen, ein Link zum Überspringen der Navigation, bedienbare Menüs, Schieberegler und Dialoge.
- Formulare: Feste Beschriftungen, verständliche Pflichtfelder und Fehlermeldungen, die sagen, was zu tun ist.
- Medien: Alternativtexte, Untertitel für Videos, keine Animation ohne Pause und Rücksicht auf die Einstellung „Bewegung reduzieren“.
- Dokumente: Wichtige PDF-Dateien werden barrierefrei aufbereitet oder als Webseite angeboten.
Ist die Technik Ihrer Seite stark veraltet, kann ein Relaunch günstiger sein als viele Einzelkorrekturen. Das sagen wir Ihnen nach der Prüfung offen.
Einen ersten technischen Eindruck Ihrer Seite liefert unser Website- und SEO-Check. Er ersetzt keine Prüfung der Barrierefreiheit, zeigt aber schnell, wo Technik und Struktur haken.
So bereiten Sie die Prüfung vor
Mit ein wenig Vorbereitung kommen wir schneller zu einem belastbaren Ergebnis. Diese Punkte helfen uns beim Start:
- Notieren Sie, welche Angebote Verbraucher über Ihre Seite abschließen können: Kauf, Buchung, Anmeldung, Vertrag.
- Nennen Sie die wichtigsten Wege durch die Seite, etwa vom Produkt bis zur Bestellung oder vom Angebot bis zur Terminbuchung.
- Sammeln Sie Zugänge zu Testumgebung oder Testkonto, damit wir auch Bereiche hinter der Anmeldung prüfen können.
- Legen Sie fest, wer bei Ihnen Texte, Bilder und Farben freigibt.
- Halten Sie fest, welche externen Dienste eingebunden sind, etwa Buchungssystem, Zahlungsanbieter oder Chat.
Externe Dienste sind oft der schwierigste Teil, denn ihren Code können wir nicht ändern. Hier prüfen wir, was der Anbieter zusagt, und dokumentieren offene Punkte ehrlich. Den ersten Schritt machen Sie mit einem Gespräch oder unserer Analyse.
Gut zu wissen
Wie lange dauert das?
Das hängt von Größe und Zustand der Seite ab. Den Zeitplan erhalten Sie nach der Prüfung schriftlich.
Ändert sich das Design?
Meist nur im Detail, etwa bei Kontrasten und Fokusrahmen. Eine barrierefreie Webseite kann genauso gut aussehen wie vorher.
Ist 100 Prozent möglich?
Eine Seite ist nie für immer fertig. Ziel ist, die Anforderungen zu erfüllen und Restmängel offen zu benennen.
Hilft das bei Google?
Klare Struktur, Alternativtexte und schnelle Seiten helfen auch Suchmaschinen und KI-Assistenten beim Verstehen.
Barrierefrei bleiben: laufende Pflege nach jedem Update
Barrierefreiheit ist kein einmaliges Projekt. Jeder neue Beitrag, jedes Plugin-Update und jede Kampagnenseite kann neue Hürden bringen: ein Bild ohne Alternativtext, ein Banner mit schwachem Kontrast, ein Formular ohne Beschriftung.
In der Website-Wartung prüfen wir deshalb regelmäßig nach:
- automatische Tests der wichtigsten Seiten nach jedem größeren Update,
- Stichproben von Hand bei neuen Vorlagen und Funktionen,
- Aktualisierung der Erklärung zur Barrierefreiheit, wenn sich etwas ändert,
- kurzer Bericht, was geprüft und was behoben wurde.
Zusätzlich schulen wir die Menschen, die Inhalte einstellen. Ein kurzer Leitfaden zeigt, wie man Überschriften richtig setzt, gute Alternativtexte schreibt und Links verständlich benennt. Das verhindert die meisten neuen Fehler, bevor sie entstehen.
So bleibt Ihre barrierefreie Webseite auch in zwei Jahren noch barrierefrei, und Sie können das jederzeit belegen.
Barrierefreiheit, SEO und KI-Sichtbarkeit gehören zusammen
Was Menschen mit Screenreader hilft, hilft auch Maschinen. Saubere Überschriften, beschreibende Linktexte und Alternativtexte machen es Suchmaschinen und KI-Assistenten leichter, Ihre Inhalte zu verstehen.
Wir verbinden die Arbeit deshalb gern mit Ihrer Sichtbarkeit: Wer seine Website barrierefrei machen lässt, räumt dabei oft gleich die Struktur für Google und für Antworten in ChatGPT und Co. auf. Mehr dazu unter KI-Sichtbarkeit.
Auch bei uns gilt: Die KI ist das Triebwerk, Menschen steuern. KI-Werkzeuge helfen uns, Fehler schneller zu finden und Alternativtexte vorzuschlagen. Ob ein Text passt und eine Seite wirklich bedienbar ist, entscheidet bei uns immer ein Mensch.
Abschluss
Am Ende steht eine barrierefreie Website, die Sie belegen können
Nach dem Projekt wissen Sie, wo Sie stehen, und haben es schriftlich. Sie erhalten:
- eine Einordnung, ob und wie das BFSG für Ihre Seite gilt,
- einen Prüfbericht nach WCAG 2.1 AA mit allen Mängeln und Lösungen,
- eine überarbeitete Seite, auf der die Mängel im Code behoben sind,
- eine Erklärung zur Barrierefreiheit, die zum echten Stand passt,
- eine kurze Anleitung, wie Ihr Team neue Inhalte barrierefrei pflegt.
Ihr fester Ansprechpartner ist Fabian Schemmick. Die Crew arbeitet digital und weltweit verteilt, Sie behalten das Steuer. Was eine neue oder überarbeitete Seite allgemein kostet, lesen Sie unter Website-Kosten, alle Leistungen rund um Ihren Auftritt unter Webseiten.
Preis
Ihr Angebot für eine barrierefreie Webseite
Barrierefreiheit
Preis nach Analyse, schriftlich vorab
- Einordnung zum BFSG und Prüfung nach WCAG 2.1 AA
- Umsetzung der Verbesserungen im Code
- Erklärung zur Barrierefreiheit
- Pflege und Nachprüfung auf Wunsch
Orientierung, keine Rechtsberatung. Ob das BFSG für Sie gilt, klärt im Zweifel Ihre Kanzlei.
Fragen
Häufige Fragen zur barrierefreien Website
Gilt das BFSG für mein Unternehmen?
Es betrifft vor allem Angebote, über die Verbraucher online Verträge schließen, etwa Shops und Buchungen. Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Bilanzsumme sind bei Dienstleistungen ausgenommen. Das ist eine Orientierung, keine Rechtsberatung.
Seit wann gilt das BFSG?
Seit dem 28. Juni 2025. Für Verträge, die vorher geschlossen wurden, gibt es Übergangsfristen bis längstens 27. Juni 2030.
Was bedeutet WCAG 2.1 AA?
Die WCAG sind internationale Richtlinien des W3C für barrierefreie Webinhalte. Stufe AA ist der übliche Maßstab, etwa für ausreichende Kontraste und Bedienung ohne Maus.
Reicht ein Overlay-Plugin?
Nein. Solche Werkzeuge verändern die Darstellung, beheben aber selten die Fehler im Aufbau. Wir verbessern die Seite selbst.
Reicht eine automatische Prüfung?
Nein. Automatische Werkzeuge finden nur einen Teil der Fehler. Tastatur, Screenreader und Verständlichkeit prüfen wir zusätzlich von Hand.
Brauche ich eine Erklärung zur Barrierefreiheit?
Wenn das BFSG für Sie gilt, ja. Die Inhalte nennt Anlage 3 des Gesetzes. Wir erstellen sie passend zum Prüfergebnis.
Was passiert bei Verstößen?
Die Marktüberwachung kann Mängel beanstanden und Bußgelder verhängen, je nach Verstoß bis 10.000 oder bis 100.000 Euro.
Lohnt sich das auch ohne Pflicht?
Ja. Eine barrierefreie Website mit klarer Struktur, guten Kontrasten und einfachen Formularen hilft allen Besuchern und macht Ihre Inhalte für Suchmaschinen verständlicher.
Muss die ganze Seite neu gebaut werden?
Meist nicht. Viele Mängel lassen sich zentral in Vorlagen beheben. Ist die Technik stark veraltet, sprechen wir offen über einen Relaunch.
Was kostet die Umsetzung?
Das hängt vom Zustand der Seite ab. Nach der Prüfung erhalten Sie den Aufwand schriftlich.
Selbst prüfen: Website- und SEO-Check
Prüfen Sie in 20 Sekunden, wie schnell und gut auffindbar Ihre Website ist. Ein erster Schritt, bevor wir Ihre barrierefreie Website planen.
Wissen