Barrierefreie Website nach BFSG:
Audit und Umsetzung
Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz. Ich prüfe eure Website oder App nach WCAG 2.2 AA, liefere eine priorisierte Mängelliste mit konkreten Fixes und behebe die Barrieren auf Wunsch direkt in Design und Code.
Audit ab 499 €, je nach Umfang · Audits starten kurzfristig
Das Problem
Ihr wisst, dass das BFSG gilt, aber nicht, wie weit eure Seite davon entfernt ist. Ein automatischer Scan spuckt hundert Warnungen aus, ohne zu sagen, welche davon wirklich Menschen aussperren. Und ein Plugin, das „Barrierefreiheit per Klick" verspricht, löst das Problem nicht — es versteckt es.
Die Lösung
Eine Prüfung von Hand und mit Werkzeugen: Tastatur, Screenreader, Kontrastmessung, automatisierte Tests. Am Ende steht eine Liste, sortiert nach Auswirkung, mit dem konkreten Fix pro Mangel — so, dass euer Team sie abarbeiten kann. Oder ich setze sie selbst um.
Muss eure Website barrierefrei sein?
Die Kurzfassung. Alle Details — Fristen, WCAG-Version, Barrierefreiheitserklärung — stehen im Artikel Barrierefreiheit im UX-Design.
Online-Angebote für Verbraucher
Shops, Buchungen, Termine, Abos — überall, wo über die Website Verträge mit Privatpersonen zustande kommen. Auch, wenn die Seite vor Juni 2025 online ging: Einen pauschalen Bestandsschutz gibt es nicht.
Reines B2B und reine Präsentation
Reine B2B-Angebote sind ausgenommen, ebenso meist reine Unternehmensseiten ohne Bestell- oder Buchungsfunktion. Aber: Steht ein Tarif auch Privatpersonen offen, gilt das Gesetz wieder.
Kleinstunternehmen mit Dienstleistungen
Weniger als zehn Beschäftigte und höchstens zwei Millionen Euro Jahresumsatz oder Bilanzsumme. Die Ausnahme gilt für Dienstleistungen, nicht für Produkte — und befreit von der Pflicht, nicht vom Nutzen.
Hinweis: Ich bin Designer und Entwickler, kein Jurist. Ich prüfe und behebe Barrieren — eine Rechtsberatung ersetzt das nicht. Ob euer Angebot im Einzelfall unter das BFSG fällt, klärt im Zweifel eine Anwältin oder ein Anwalt.
Prüfen, beheben oder neu bauen
Das Audit ist der Einstieg und für sich allein brauchbar: Danach wisst ihr, was zu tun ist — und könnt entscheiden, ob euer Team es umsetzt oder ich.
BFSG-Check & WCAG-Audit
ab 499 €Eine gründliche Prüfung eurer wichtigsten Seiten und Abläufe nach WCAG 2.2 AA — von Hand und mit Werkzeugen.
- Tastatur-Test aller interaktiven Elemente
- Screenreader-Test mit VoiceOver
- Kontrastmessung aller Text- und UI-Farben
- Automatisierte Tests als Ergänzung, nicht als Ersatz
- Priorisierte Mängelliste mit konkretem Fix pro Mangel
Mängel beheben
Preis nach AuditIch behebe die gefundenen Barrieren in Design und Code — oder arbeite mit eurem Entwicklungsteam die Liste gemeinsam ab.
- Farb-Tokens und Komponenten korrigieren
- Fokus, Labels, ARIA und Überschriften sauber setzen
- Nachtest jedes behobenen Mangels
- Festpreis auf Basis der Mängelliste
Barrierefrei neu bauen
IndividuellWenn sich Reparieren nicht mehr lohnt: eine neue Website oder ein neues Produkt, bei dem Barrierefreiheit ab der ersten Skizze mitgedacht ist.
- Barrierefreie Komponenten von Anfang an
- Kontraste, Fokus und Zielgrößen im Design-System verankert
- Prüfung vor dem Launch statt Rückbau danach
Optional zu jedem Paket: der Entwurf eurer Barrierefreiheitserklärung — auf Basis der Prüfergebnisse, mit ehrlich benannten Einschränkungen und einem Kontaktweg für Barrieremeldungen.
Was ich im WCAG-Audit prüfe
Automatisierte Tools finden nur einen Teil der Probleme. Deshalb prüfe ich jede Kategorie zusätzlich von Hand — mit Tastatur, Screenreader und Messwerkzeug.
Kontraste
Text, Buttons, Icons, Fokus-Ringe und Zustände gemessen — mindestens 4,5:1 für Text, 3:1 für große Schrift und UI-Elemente.
Fokus & Tastatur
Ist jedes Element ohne Maus erreichbar, in sinnvoller Reihenfolge, mit sichtbarem Fokus? Gibt es Tastaturfallen?
Formulare & Labels
Sind Felder mit ihrem Label verknüpft, Fehler verständlich formuliert und für Screenreader angesagt?
Alternativtexte
Beschreiben Alt-Texte die Funktion statt nur das Motiv? Haben Icon-Buttons einen sprechenden Namen?
Struktur & Überschriften
Logische Überschriften-Hierarchie, Landmarks wie header, nav, main und footer, Skip-Link.
Bewegung & Animation
Wird „Bewegung reduzieren" respektiert? Lässt sich alles, was sich automatisch bewegt, pausieren?
Zoom & Reflow
Bleibt der Inhalt bei 200 % Text-Zoom und schmalem Viewport vollständig lesbar und bedienbar?
Screenreader-Ausgabe
Was hört jemand mit VoiceOver wirklich? Rollen, Zustände und Reihenfolge im Praxistest.
Zuerst habe ich meine eigene Website geprüft
Die Barrierefreiheitserklärung dieser Seite behauptete „weitgehend vereinbar" und „reduzierte Bewegung wird respektiert". Das Audit hat gezeigt: Beides stimmte nicht. Das hier sind die gemessenen Werte vor und nach der Korrektur — dieselbe Methode, die ich bei euch anwende.
| Element | vorher | nachher |
|---|---|---|
| Fließtextfarbe (global, auch im Blog) | 2,88:1 | 5,45:1 |
| Weißer Text auf primären Buttons | 3,32:1 | 5,21:1 |
| Tags (10–11 px) | 3,06:1 | 6,67:1 |
| Footer-Links | 1,73:1 | 5,16:1 |
| Dezente Textfarbe (ink-faint) | 4,46:1 | 5,56:1 |
WCAG AA verlangt mindestens 4,5:1 für normalen Text.
- Der Fokus-Ring war unsichtbar — das CSS setzte Breite und Farbe, aber keinen Linienstil. Jetzt wird er gerendert.
- Vier Formularfelder hatten kein verknüpftes Label und wurden vom Screenreader unbenannt vorgelesen. Jetzt mit Label, Fehlerbeschreibung und Statusmeldung.
- „Bewegung reduzieren" wurde nirgends berücksichtigt. Jetzt global im CSS und im Scroll-Reveal.
- Testimonials rotierten ohne Pause-Möglichkeit — ein Verstoß gegen WCAG 2.2.2 (Level A). Jetzt mit Pause-Button.
- Skip-Link zum Hauptinhalt auf allen Seiten ergänzt.
Vom BFSG-Check zur barrierefreien Website
Das Audit dauert je nach Umfang wenige Tage bis zwei Wochen. Audits starten kurzfristig — ihr müsst nicht monatelang auf einen Termin warten.
Umfang klären
Welche Seiten und Abläufe sind kritisch — Checkout, Buchung, Kontaktformular? Daraus ergibt sich der Prüfumfang und ein fester Preis.
- Auswahl der zu prüfenden Seiten und Abläufe
- Festpreis vor Start
- Termin — Audits starten kurzfristig
Audit
Prüfung nach WCAG 2.2 AA mit Tastatur, Screenreader, Kontrastmessung und automatisierten Tests.
- Manuelle Prüfung aller acht Kategorien
- Automatisierte Tests als Ergänzung
- Screenshots und Fundstellen pro Mangel
Mängelliste & Besprechung
Die Liste ist nach Auswirkung sortiert: zuerst das, was Menschen tatsächlich aussperrt, dann der Rest. In einem Termin gehen wir sie gemeinsam durch.
- Priorisierte Mängelliste mit konkretem Fix
- Einschätzung des Umsetzungsaufwands
- Optional: Entwurf der Barrierefreiheitserklärung
Umsetzung & Nachtest
Euer Team setzt die Liste um, oder ich übernehme es in Design und Code. Danach prüfe ich jeden behobenen Punkt noch einmal.
- Umsetzung durch mich oder euer Team
- Nachtest der behobenen Mängel
- Aktualisierte Erklärung mit ehrlichem Stand
Was ihr nach dem Audit in der Hand habt
- Eine priorisierte Mängelliste nach WCAG 2.2 AA
- Pro Mangel: Fundstelle, Auswirkung und konkreter Fix
- Eine realistische Einschätzung des Aufwands zur Behebung
- Klarheit, welche Abläufe zuerst barrierefrei werden müssen
- Auf Wunsch den Entwurf eurer Barrierefreiheitserklärung
Audits starten kurzfristig.
Remote oder in Hamburg. Audit anfragen
Häufige Fragen zum BFSG-Audit
Lass uns sprechen
Du planst eine Website, eine App, ein Redesign — oder möchtest euer Team mit einem AI-UX Workshop voranbringen?
Ich unterstütze Unternehmen dabei, komplexe Anforderungen in klare, nutzerfreundliche Lösungen zu übersetzen.