Fällt Ihr Unternehmen unter das Barrierefreiheitsstärkungsgesetz (BFSG)? Seit dem 28. Juni 2025 müssen Websites, die Verbrauchern (B2C) Dienstleistungen im elektronischen Geschäftsverkehr ermöglichen (z. B. Online-Terminbuchung, digitale Vertragsanbahnung, interaktive Anfrageprozesse oder Online-Shops), barrierefrei nach EN 301 549 / WCAG 2.2 Konformitätsstufe AA gestaltet sein. Gesetzlich befreit sind im Dienstleistungsbereich lediglich Kleinstunternehmen mit weniger als 10 Beschäftigten UND maximal 2 Mio. € Jahresumsatz (§ 3 Abs. 3 BFSG).
Jetzt direkt hier auf der Seite prüfen: Ermitteln Sie unten im interaktiven BFSG-Pflicht-Schnelltest in 30 Sekunden Ihren rechtlichen Status, testen Sie Ihre Markenfarben im eingebetteten Live-Kontrast-Prüfer und absolvieren Sie den 10-Punkte-WCAG-2.2-Selbsttest direkt im Browser!
1. Interaktiver BFSG-Pflicht-Schnelltest: Gilt das Gesetz für Ihre Website?
Beantworten Sie vier kurze Fragen zu Zielgruppe, Unternehmensgröße und Funktionen Ihrer Website. Unser Entscheidungsbaum nach § 1 Abs. 3 und § 3 Abs. 3 BFSG gibt Ihnen sofort eine nachvollziehbare Ersteinschätzung (ersetzt keine einzelfallbezogene Rechtsberatung, schafft aber binnen 30 Sekunden unternehmerische Klarheit):
30-Sekunden-Prüfung nach Unternehmensgröße & Website-Funktion
Ihre Website fällt direkt in den Anwendungsbereich des BFSG.
2. Live-Kontrast-Tester & interaktiver 10-Punkte-WCAG-2.2-Selbstcheck
Über 83 % aller öffentlich beanstandeten Barrierefreiheitsmängel auf deutschen Unternehmensseiten betreffen zwei Dinge: zu schwache Textkontraste (z. B. hellgraue Schrift auf weißem Grund oder weiße Schrift auf zu hellem Hellblau) und fehlende Tastaturbedienbarkeit. Testen Sie beides direkt hier:
Beispiel-Vorschau: So lesen Patientinnen, Mandanten und Kunden Ihren Fließtext auf dieser Farbkombination.
3. Warum „1-Klick-Barrierefreiheits-Overlays“ rechtlich durchfallen – und über 3 Jahre teurer sind als sauberer Code
Seit Inkrafttreten des BFSG werben zahlreiche Widget-Anbieter mit dem Versprechen, jede beliebige Bestands-Website durch das Einfügen einer einzigen JavaScript-Zeile „in 5 Minuten BFSG-konform“ zu machen. Sowohl Überwachungsstellen des Bundes und der Länder als auch über 700 europäische Barrierefreiheits-Fachleute warnen ausdrücklich vor diesem Trugschluss.
| Vergleichspunkt | JavaScript-Overlay-Widget (Drittanbieter-Abo) | Natives Barrierefrei-Webdesign im Quellcode (Hauptstadt Homepage) |
|---|---|---|
| Wirkung für echte Screenreader (NVDA, VoiceOver) | Unzureichend; kollidiert häufig sogar mit den eigenen Hilfstechnologien sehbehinderter Menschen. | 100 % kompatibel: Sauberes semantisches HTML5 wird von jedem Screenreader und Browser nativ verstanden. |
| Rechtssicherheit nach EN 301 549 / BFSG | Keine anerkannte Heilung fehlender Tastaturbedienung, kaputter Formular-Labels oder falscher DOM-Reihenfolge. | Substanzielle Erfüllung der WCAG-2.2-AA-Erfolgskriterien direkt an der Wurzel. |
| Auswirkung auf Ladezeit & Datenschutz | Zusätzliches externes Drittanbieter-Skript bremst PageSpeed und wirft oft neue DSGVO-Fragen auf. | 0 KB Zusatz-Skriptballast: Schnellere Core Web Vitals und keinerlei externer Datenabfluss. |
| Wirtschaftlichkeit über 36 Monate | Oft 49 € bis 89 € / Monat Lizenz = 1.764 € – 3.204 € laufende Kosten ohne bleibenden Gegenwert. | Im Festpreis-Neubau (ab 2.000 € – 4.500 €) oder Mietpaket (ab 39,90 € mtl.) direkt inklusive – mit echtem Mehrwert für Design & SEO. |
4. Die 4 Grundprinzipien der WCAG 2.2 – übersetzt in saubere Webentwicklung
1. Wahrnehmbar (Perceivable)
Informationen dürfen sich niemals auf nur einen einzigen Sinn verlassen. Dazu gehören geprüfte Kontraste (≥ 4,5:1 für normalen Text, ≥ 3,0:1 für große Überschriften und UI-Rahmen), skalierbare Schriftgrößen in relativen Einheiten (rem statt starrer Pixel), sprechende Alternativtexte sowie Untertitel bei eingebundenen Erklärvideos.
2. Bedienbar (Operable)
Jede interaktive Funktion – vom Hauptmenü über den Kostenrechner bis zum Termin-Button – nutzt echte HTML-Steuerelemente (<button> und <a href> statt unzugänglicher <div onclick>-Konstrukte), besitzt einen unübersehbaren Tastaturfokus (WCAG 2.2 Fokus-Sichtbarkeit) und hält die neue Mindest-Zielgröße von 24×24 CSS-Pixeln zuverlässig ein.
3. Verständlich (Understandable)
Klare Navigation an konsistenten Stellen, eindeutige Sprachkennzeichnung (lang="de"), verständliche Fehlermeldungen in Formularen („Bitte geben Sie eine gültige Telefonnummer für unseren Rückruf an“ statt einer bloß rot umrandeten Box) und kein überraschendes Umspringen des Fokus bei einer Auswahl.
4. Robust (Robust)
Fehlerfreies, standardkonformes HTML5 mit sauberen Landmark-Regionen (<header>, <nav>, <main>, <footer>) und korrekten ARIA-Zuständen (aria-expanded="true/false" bei Akkordeons), sodass heutige wie künftige Browser, Assistenzsysteme und KI-Agenten die Seite zweifelsfrei interpretieren.
5. Blick in den Quellcode: Barrierefreies HTML5 vs. typische Agenturfehler im direkten Vergleich
Warum bestehen von Grafikagenturen gebaute Baukasten-Seiten fast nie eine echte Screenreader- oder Tastaturprüfung? Weil visuell hübsche Oberflächen oft aus unzugänglichen <div>-Verschachtelungen zusammengeklickt werden. Die folgende Übersicht zeigt an sechs konkreten Alltagsbauteilen, wie unsere Entwickler sauberes, barrierefreies Engineering umsetzen:
| Website-Bauteil | Häufiger Agenturfehler (fällt im BFSG-Test durch) | Saubere HTML5- & WCAG-2.2-Umsetzung |
|---|---|---|
| Mobiles Burger-Menü & Navigation | Ein anklickbares <span>-Icon ohne Beschriftung; Tastaturnutzer können das Menü weder öffnen noch mit Esc wieder schließen. |
Echtes <button aria-expanded="false" aria-controls="main-nav" aria-label="Hauptmenü öffnen"> inklusive sauberer Fokus-Rückführung. |
| Kontakt- & Terminformulare | Nur graue Platzhaltertexte im Feld (placeholder="Name"), die beim Tippen verschwinden; Fehlermeldungen nur über rote Rahmenfarbe. |
Fest verknüpfte <label for="...">-Elemente, korrekte autocomplete-Attribute und sprechende Fehlermeldungen per aria-describedby. |
| Aufklappbare FAQs (Akkordeons) | Schwere Skript-Boxen, deren Antworten für Tastatur und Screenreader entweder unsichtbar bleiben oder keinen Öffnungszustand melden. | Native HTML5-Elemente <details> und <summary> – sofort ohne JavaScript-Ballast per Tastatur, Maus und Screenreader bedienbar. |
| Telefon-, Such- & Social-Icons | Reine Icon-Links ohne Textinhalt – ein Screenreader liest dem blinden Besucher lediglich „Link, unbeschriftet“ vor. | Eindeutiges aria-label am Link (z. B. „Praxis telefonisch unter 030 283 709 96 anrufen“) und Deko-Icons mit aria-hidden="true". |
| Tastatur-Fokusrahmen | Per CSS pauschal mit outline: none; gelöscht, weil der Designer den Rahmen „unästhetisch“ fand – macht blinde Tastaturnavigation unmöglich. |
Gestalterisch harmonischer, kontraststarker Fokusring über modernes :focus-visible (erscheint gezielt bei Tastaturbedienung, nicht beim Mausklick). |
| WCAG 2.2 Neuheit: Zielgröße & Abstände | Winzige, dicht gedrängte Textlinks im mobilen Footer oder in Cookie-Layern, die Menschen mit Tremor oder großen Fingern verfehlen. | Konsequente Einhaltung von mindestens 24×24 CSS-Pixeln (im Daumenbereich 44×44 px) samt klarem Sicherheitsabstand zwischen Klickzielen. |
6. Die unterschätzte Stolperfalle: PDF-Formulare, Online-Terminkalender & Immobilien-Widgets
In der Beratungspraxis für Arztpraxen, Kanzleien und Immobilienmakler stoßen wir regelmäßig auf eine versteckte Barriere-Quelle außerhalb der eigentlichen Unterseiten: herunterladbare PDF-Dokumente und eingebettete Drittanbieter-Fenster (iFrames).
Ein eingescanntes Anamneseblatt, eine Selbstauskunft für Mietinteressenten oder eine Vollmacht als ungetaggtes Bild-PDF ist für Screenreader komplett leer – und am Smartphone selbst für sehende Menschen kaum ausfüllbar. Wir lösen dieses Problem an der Wurzel, indem wir veraltete Download-PDFs wo immer möglich in barrierefreie, mobilfreundliche Online-Formulare direkt auf Ihrer Website umwandeln. Das erfüllt nicht nur die Anforderungen der EN 301 549, sondern spart Ihrem Empfang oder Backoffice auch das mühsame Entziffern handschriftlicher Bögen.
Setzen Sie bewährte Branchensysteme wie Doctolib, Jameda, CGM, Calendly oder OpenImmo-Objektansichten ein, sorgen wir für eine vollständig tastatur- und screenreader-taugliche Einbettung auf Ihrer Seite (inklusive aussagekräftigem title-Attribut bei iFrames bzw. sauberem 2-Klick-Dialog) und dokumentieren Drittanbieter-Bestandteile rechtssicher in Ihrer Barrierefreiheitserklärung.
7. Der wirtschaftliche „Curb-Cut-Effekt“: Warum barrierefreie Websites messbar besser verkaufen und ranken
In der Stadtplanung nannte man abgesenkte Bordsteine einst den Curb-Cut-Effekt: Gebaut wurden sie ursprünglich für Rollstuhlfahrer – genutzt und geliebt wurden sie sofort von Eltern mit Kinderwagen, Reisenden mit Rollkoffern und Radfahrern. Exakt dasselbe erleben wir im modernen Webdesign:
Wenn eine Privatpraxis, eine Anwaltskanzlei oder ein Immobilienmakler eine kontraststarke, ruhig gegliederte und einhändig bedienbare Website veröffentlicht, steigt die Abschlussquote insbesondere bei der kaufkräftigsten Bevölkerungsgruppe ab 50+ Jahren spürbar an, weil niemand mehr die Lesebrille suchen oder winzige graue Links auf dem iPhone heranzoomen muss. Gleichzeitig belohnen Google und KI-Suchsysteme die blitzsaubere HTML-Hierarchie, da ein Crawler technisch betrachtet nichts anderes ist als ein blinder Nutzer mit extrem schneller Lesegeschwindigkeit.
8. Pflichtbestandteil nach Anlage 3 BFSG: Die Erklärung zur Barrierefreiheit
Für verpflichtete Unternehmen genügt die rein technische Umsetzung allein nicht – das Gesetz verlangt zusätzlich eine leicht auffindbare (üblicherweise im Footer neben Impressum und Datenschutz verlinkte) Information über die Barrierefreiheit der Dienstleistung. Bei jedem BFSG-Projekt liefern wir Ihnen diese Struktur direkt mit:
Leistungsbeschreibung
Allgemeine Beschreibung Ihrer angebotenen Dienstleistung in klarer, leicht verständlicher Sprache.
Konformitätsstatus
Transparente Angabe, wie die Anforderungen der EN 301 549 / WCAG 2.2 AA erfüllt werden (und wo ggf. Dritt-Inhalte abweichen).
Barriere-Feedback-Kanal
Direkte Kontaktmöglichkeit, über die Nutzer etwaige Barrieren unkompliziert an Ihr Unternehmen melden können.
Marktüberwachungsbehörde
Korrekte Benennung der zuständigen Überwachungsstelle (MLBF – Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen).
9. Marktüberwachung (MLBF), Bußgelder & Ihr pragmatischer 4-Schritte-Fahrplan ohne Panikmache
Rund um das Barrierefreiheitsstärkungsgesetz kursiert im Markt leider viel künstliche Angstmacherei. Die sachliche Rechtslage sieht so aus: Zuständig für die Kontrolle in Deutschland ist bundesländerübergreifend die Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen (MLBF AöR mit Sitz in Magdeburg). Stellt die Behörde – etwa auf Hinweis eines Verbrauchers oder Verbandes – Mängel fest, verhängt sie nicht über Nacht das gesetzliche Höchstbußgeld von bis zu 100.000 € (§ 37 BFSG), sondern fordert das Unternehmen zunächst mit klarer Fristsetzung zur Nachbesserung auf.
Empfindlicher und schneller im Alltag sind hingegen wettbewerbsrechtliche Abmahnungen nach § 3a UWG (Rechtsbruch einer Marktverhaltensregel), wenn Mitbewerber offensichtliche Verstöße wie eine komplett fehlende Barrierefreiheitserklärung oder unbedienbare Buchungsstrecken angreifen. Mit unserem klaren 4-Schritte-Vorgehen bringen Sie Ihr Unternehmen ruhig und wirtschaftlich auf die sichere Seite:
Schritt 1 & 2: Pragmatische Bestandsaufnahme & Entscheidung
Wir prüfen kostenfrei, ob Ihre bestehende Website durch gezielte Anpassungen am CSS und Template (Kontraste, Fokusrahmen, Formular-Labels, Überschriften) ertüchtigt werden kann oder ob bei einem stark veralteten System ein sauberer Festpreis-Neubau (ab 2.000 € – 4.500 €) günstiger ist.
Schritt 3 & 4: Manuelle Tastatur-/Screenreader-Prüfung & Erklärung
Anders als automatisierte Scanner, die maximal 30 % bis 40 % aller Barrieren erkennen, testen wir Ihre kritischen Kontakt- und Buchungswege real per Tastatur und Screenreader und binden abschließend Ihre vollständige Erklärung nach Anlage 3 BFSG im Footer ein.
Häufig gestellte Fragen (FAQ)
Was kostet es, eine barrierefreie Website nach BFSG / WCAG 2.2 AA erstellen zu lassen?
Bei Hauptstadt Homepage berechnen wir keinen künstlichen Aufpreis für sauberes Handwerk: Unsere neuen Websites werden bereits ab Werk mit semantischem HTML5, Tastaturfokus und geprüften Kontrasten entwickelt – zum verbindlichen Festpreis ab 2.000 € netto (One-Pager), 3.000 € netto (Basic), 4.500 € netto (Complete) bzw. 6.000 € netto (Pro) oder im Mietmodell ab 39,90 € / Monat.
Gilt die Kleinstunternehmer-Ausnahme (§ 3 Abs. 3 BFSG) auch dann, wenn ich zwar nur 6 Mitarbeitende habe, aber 2,5 Mio. € Umsatz erziele?
Nein. Beide Schwellenwerte müssen gleichzeitig eingehalten werden: Ein Kleinstunternehmen im Sinne des Gesetzes beschäftigt weniger als 10 Personen UND erzielt höchstens 2 Millionen Euro Jahresumsatz bzw. Jahresbilanzsumme. Wird einer der beiden Werte überschritten, greift für B2C-Dienstleistungen im elektronischen Geschäftsverkehr die BFSG-Pflicht.
Warum genügt ein Accessibility-Overlay-Widget (Rollstuhl-Icon am Bildschirmrand) rechtlich nicht?
Weil ein nachträglich geladenes JavaScript-Overlay fehlende Alternativtexte, unverbundene Formular-Labels oder nicht per Tastatur bedienbare Menüs für echte Screenreader nicht zuverlässig repariert. Aufsichtsstellen prüfen den realen Zugang mit Hilfstechnologien, nicht das Vorhandensein eines Toolbar-Buttons.
Muss eine Arztpraxis oder ein Immobilienmakler das BFSG beachten?
Überschreitet eine Praxis, ein MVZ oder ein Maklerbüro die Kleinstunternehmer-Schwelle (ab 10 Beschäftigte oder über 2 Mio. € Umsatz) und bietet Verbrauchern auf der Website Online-Terminbuchung oder digitale Vertragsanbahnung an, fällt dies unter Dienstleistungen im elektronischen Geschäftsverkehr. Selbst darunter ist barrierearmes Design für ältere Patienten und Eigentümer ein direkter Wettbewerbsvorteil.
Können Sie auch meine bestehende WordPress-Website nachträglich barrierefrei überarbeiten?
Ja, sofern das eingesetzte Theme technisch sauber wartbar ist. Wir passen Farbvariablen auf mindestens 4,5:1 Kontrast an, reparieren Überschriften-Hierarchien, ergänzen Fokus-Stile sowie Formular-Labels und erstellen Ihre Erklärung zur Barrierefreiheit.
Schränkt Barrierefreiheit mein Markendesign optisch ein?
Überhaupt nicht. Hochwertige moderne Markenauftritte leben ohnehin von klarer Typografie, ruhiger Struktur und starken Kontrasten. Falls eine helle Marken-Akzentfarbe weißen Text schlecht lesbar macht, setzen wir sie gezielt für Rahmen, Icons oder dunkle Hintergründe ein – wie Sie oben in unserem Live-Kontrast-Tester sofort ausprobieren können.
Was ist bei extern eingebundenen Tools wie Doctolib, Calendly oder OpenImmo-Formularen zu beachten?
Werden Drittanbieter-Komponenten zur Termin- oder Vertragsanbahnung eingebunden, sollte deren Einstiegsbutton auf Ihrer Seite vollständig tastatur- und screenreader-zugänglich sein; zudem weisen wir etwaige Besonderheiten eingebundener Drittsysteme transparent in Ihrer Barrierefreiheitserklärung aus.
Hilft eine barrierefreie Website tatsächlich bei Google und ChatGPT?
Ja, ganz erheblich. Sowohl Googlebot als auch KI-Systeme sind auf semantisches HTML, eindeutige Überschriften, beschreibende Bild-Alt-Texte und schnelle Ladezeiten ohne schweren Skript-Ballast angewiesen – Barrierefreiheit und technisches SEO/GEO nutzen nahezu identische Code-Standards.
Wie erhalte ich eine ehrliche Einschätzung meiner aktuellen Website?
Nutzen Sie direkt oben auf dieser Seite unseren BFSG-Pflicht-Schnelltest sowie den 10-Punkte-WCAG-Check und senden Sie uns Ihre URL anschließend kostenfrei über /kostenlose-analyse/ zu.
Welche Behörde kontrolliert das BFSG in Deutschland und drohen sofortige Bußgelder?
Zuständig ist länderübergreifend die Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen (MLBF in Magdeburg). Bei Beanstandungen räumt die Behörde in aller Regel zunächst eine angemessene Nachbesserungsfrist ein; erst bei beharrlicher Nichterfüllung drohen Bußgelder nach § 37 BFSG. Schneller relevant im Tagesgeschäft sind wettbewerbsrechtliche Abmahnungen nach § 3a UWG bei fehlender Barrierefreiheitserklärung.
Müssen auch herunterladbare PDF-Anamnesebögen oder Selbstauskünfte auf meiner Website barrierefrei sein?
Ja, sofern diese Dokumente Bestandteil der elektronischen Dienstleistungserbringung gegenüber Verbrauchern sind. In der Praxis wandeln wir schwer zugängliche PDF-Formulare am liebsten direkt in barrierefreie, mobilfreundliche HTML-Online-Formulare um – das spart zugleich Bearbeitungszeit in Ihrem Team.
Sie möchten Ihre Ergebnisse direkt mit einem Entwickler besprechen?
Fordern Sie jetzt Ihre kostenlose Potenzialanalyse an oder buchen Sie direkt ein unverbindliches 20-Minuten-Strategiegespräch mit Benjamin Machalz.