Barrierefreies Webdesign — BFSG-konform, WCAG 2.2 AA, aus dem Rhein-Main-Gebiet
Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG) in Deutschland. Websites, die Produkte oder Dienstleistungen anbieten, müssen barrierefrei sein — nach WCAG 2.2 AA. Wir helfen dir dabei: Von der Analyse über die Umsetzung bis zum Testing. Persönlich, pragmatisch und mit 19 Jahren Erfahrung.
Was bedeutet das BFSG für deine Website?
Das Barrierefreiheitsstärkungsgesetz (BFSG) setzt die europäische Richtlinie EAA (European Accessibility Act) in deutsches Recht um. Seit dem 28. Juni 2025 müssen Websites und Online-Shops, die Produkte oder Dienstleistungen anbieten, barrierefrei sein.
Wen betrifft das BFSG?
- Alle Unternehmen, die online Produkte oder Dienstleistungen anbieten (B2C)
- Online-Shops (WooCommerce, Shopify etc.)
- Dienstleister mit Online-Buchung (Ärzte, Hotels, Berater, Handwerker)
- Ausnahme: Kleinstunternehmen mit weniger als 10 Mitarbeitern UND unter 2 Mio. € Jahresumsatz — aber auch die sollten vorsorgen
Was droht bei Nicht-Einhaltung?
- Abmahnungen durch Wettbewerber oder Verbraucherverbände
- Bußgelder bis zu 100.000 €
- Marktüberwachungsbehörden können die Website sperren lassen
- Reputationsschaden und Vertrauensverlust
Welcher Standard gilt?
Das BFSG verweist auf die EN 301 549, die wiederum auf WCAG 2.1 AA basiert. Wir empfehlen direkt WCAG 2.2 AA (aktuellste Version, Oktober 2023) — damit bist du auf der sicheren Seite.
Was ist barrierefreies Webdesign?
Barrierefreies Webdesign bedeutet, dass deine Website von allen Menschen genutzt werden kann — unabhängig von körperlichen, sensorischen oder kognitiven Einschränkungen. Das betrifft:
- Sehbehinderungen: Screenreader-Kompatibilität, ausreichende Kontraste, skalierbare Schriften
- Motorische Einschränkungen: Tastaturnavigation, große Klickflächen, keine Zeitlimits
- Hörbehinderungen: Untertitel für Videos, Transkripte für Audio
- Kognitive Einschränkungen: Einfache Sprache, klare Struktur, konsistente Navigation
- Temporäre Einschränkungen: Gebrochener Arm, Sonnenlicht auf dem Bildschirm, langsame Internetverbindung
Gut zu wissen: Barrierefreies Webdesign verbessert auch die Nutzererfahrung für alle Besucher — und ist ein positiver SEO-Faktor (Google belohnt gute Accessibility).
Warum ist Barrierefreiheit im Webdesign wichtig?
Webseiten, die nicht barrierefrei sind, schließen viele Menschen aus. Besonders Menschen mit Seh- oder Hörbehinderungen sowie motorischen Einschränkungen haben oft Probleme, solche Seiten vollständig zu nutzen. Mit einem barrierefreien Webdesign stellst du sicher, dass alle Nutzer ohne Hindernisse auf deine Inhalte zugreifen können.
Außerdem gibt es gesetzliche Vorgaben, die du beachten solltest. Die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) und internationale Richtlinien wie die Web Content Accessibility Guidelines (WCAG) setzen Standards, die deine Webseite erfüllen sollte. So stellst du sicher, dass sie nicht nur den Gesetzen entspricht, sondern auch den Zugang für alle erleichtert.
Unsere Leistungen im Bereich barrierefreies Webdesign
Wir bieten dir umfassende Leistungen im Bereich barrierefreies Webdesign und sorgen dafür, dass deine Website den aktuellen Standards entspricht:
1. Barrierefreiheits-Audit (BFSG-Check)
Wir prüfen deine bestehende Website systematisch auf WCAG 2.2 AA Konformität:
– Automatisierter Scan: axe DevTools, WAVE, Lighthouse Accessibility
– Manueller Test: Tastaturnavigation, Screenreader-Test (NVDA/VoiceOver), Kontrast-Prüfung
– Ergebnis: Detaillierter Audit-Bericht mit allen Findings, priorisiert nach Schwere (kritisch / wichtig / empfohlen)
– Dauer: 1–3 Tage je nach Umfang der Website
2. Konzeption und Gestaltung
Barrierefreiheit beginnt beim Design — nicht erst bei der Entwicklung:
– Farbkontraste nach WCAG 2.2 AA (mindestens 4,5:1 für normalen Text)
– Fokus-Indikatoren für Tastaturnavigation
– Logische Lesereihenfolge und Heading-Hierarchie
– Touch-Targets mindestens 44×44 Pixel
– Responsive Design mit barrierefreier Mobile-Navigation
3. Technische Umsetzung
Sauberer, semantischer Code ist die Basis für Barrierefreiheit:
– Semantisches HTML5 (header, nav, main, footer, article, section)
– ARIA-Labels und -Rollen wo nötig (aber HTML-Semantik bevorzugen)
– Alt-Texte für alle informativen Bilder
– Skip-Links („Zum Inhalt springen“)
– Formulare mit Labels, Fehlermeldungen und Pflichtfeld-Kennzeichnung
– Keine Inhalte, die nur über Farbe kommuniziert werden
4. Testing und Barrierefreiheitserklärung
– Testing mit echten assistiven Technologien (Screenreader, Tastatur)
– Cross-Browser- und Cross-Device-Tests
– Erstellung der Barrierefreiheitserklärung (nach BITV 2.0 / BFSG)
– Dokumentation des Konformitätsstands
– Empfehlungen für laufende Pflege
Was kostet barrierefreies Webdesign?
Einzelleistungen
|
Leistung |
Preis ab |
Dauer |
|---|---|---|
|
BFSG-Beratung (Erstgespräch) |
Kostenlos |
30 Min. |
|
Barrierefreiheits-Audit (bestehende Website) |
ab 790 € |
1–3 Tage |
|
Barrierefreiheits-Umsetzung (bestehende Website) |
ab 1.290 € |
1–3 Wochen |
|
Neue barrierefreie Website (komplett) |
ab 3.500 € |
3–8 Wochen |
|
Jährlicher Re-Audit (Bestandskunden) |
ab 490 € |
1 Tag |
Kombi-Pakete — Audit + Umsetzung zum Vorteilspreis
|
Paket |
Für wen |
Inhalt |
Preis |
|---|---|---|---|
|
BFSG Kompakt |
Kleine Websites (1–5 Seiten) |
Audit + Umsetzung |
1.890 € |
|
BFSG Standard |
KMU-Websites (5–15 Seiten) |
Audit + Umsetzung |
3.490 € |
|
BFSG Premium |
Große Websites (15–30 Seiten) |
Audit + Umsetzung + Re-Audit nach 12 Monaten |
5.790 € |
Alle Preise netto. Bei neuen Website-Projekten ist Barrierefreiheit nach WCAG 2.2 AA bei uns immer inklusive — kein Aufpreis.
Unser Tipp: Starte mit dem kostenlosen BFSG-Erstgespräch. Wir schauen uns deine Website an und sagen dir ehrlich, was zu tun ist — bevor du dich für ein Paket entscheidest.
→ Jetzt kostenloses BFSG-Erstgespräch buchen
Barrierefreiheit testen — unsere kostenlosen Tools
Wir stellen dir zwei kostenlose Tools zur Verfügung, mit denen du deine Website selbst prüfen kannst:
- Barrierefreiheit testen: Leichte Sprache prüfen — Prüft deine Texte auf Verständlichkeit und einfache Sprache
- Lesezeit ermitteln — Berechnet die Lesezeit deiner Texte (wichtig für Nutzerfreundlichkeit)
Für einen professionellen BFSG-Check deiner gesamten Website: → Audit anfragen
Gesetzliche Vorgaben und Vorteile von barrierefreiem Webdesign
Die BITV und das Barrierefreiheitsstärkungsgesetz (BFSG) verlangen von öffentlichen Stellen und Unternehmen, ihre Webseiten und digitalen Inhalte barrierefrei zu gestalten. Aber auch für private Unternehmen lohnt sich der Einsatz: Du erreichst dadurch eine größere Zielgruppe, verbesserst die Nutzererfahrung und steigerst deine Sichtbarkeit in Suchmaschinen, denn barrierefreie Webseiten werden von Google bevorzugt.
Wie Du von barrierefreiem Webdesign profitieren kannst
Mit einer barrierefreien Website verbesserst Du nicht nur die Zugänglichkeit für Menschen mit Behinderungen, sondern auch das Nutzererlebnis für alle. Eine klare und intuitive Navigation, gut lesbare Texte und optimierte Ladezeiten kommen jedem Besucher zugute. Darüber hinaus kannst Du mit einer barrierefreien Webseite rechtliche Risiken minimieren und das Vertrauen Ihrer Kunden stärken.
Warum die mainagentur für barrierefreies Webdesign?
- BFSG-Erfahrung seit Tag 1: Wir setzen barrierefreie Websites um, seit das BFSG in Kraft ist — mit allen Learnings aus den ersten Monaten
- WCAG 2.2 AA als Standard: Bei jedem neuen Projekt inklusive, nicht als Aufpreis
- Persönlich: Tim (Technik) und Andrea (Design) — deine direkten Ansprechpartner
- 19 Jahre Erfahrung: Über 400 WordPress-Projekte umgesetzt
- Rhein-Main-Gebiet: Persönliche Treffen in Langen, Frankfurt, Darmstadt, Hanau möglich
Unsere Webdesign-Agentur wird von renommierten Institutionen, Unternehmen und Fachportalen geschätzt. Hier sind einige Plattformen, auf denen wir als Experten genannt wurden:
Was unsere Kunden sagen
-
Super schneller Support und sehr professionell. Innerhalb weniger Tage wurde meine Website mit Wordpress komplett nach meinen Wünschen umgebaut. Ich fühle … Mehr mich sehr gut beraten, welche Tools ich brauche und welche tatsächlich nicht. In Sachen SozialMedia habe ich tolle Tipps bekommen, um meine Reichweite zu erhöhen. Vielen DANK 🙏 -
Die Nerven musst du mal haben! Wissend um die unendlichen Möglichkeiten von Wordpress und doch immer die Lösung finden wollend, die Zusammenhänge verstehen … Mehr wollend, um das Erwünschte zu erreichen... und das noch schnell, unkompliziert und immer gut gelaunt. Danke euch!
-
Bei Tim bekommst du sehr guten Service. Schnell war das Problem gelöst. Ich bin echt happy das meine Webseite wieder funktioniert.
Unsere zufriedenen Kunden
Wir haben das Vertrauen vieler renommierter Unternehmen gewonnen. Hier sind einige unserer zufriedenen Kunden:
Häufige Fragen zu barrierefreiem Webdesign
Muss meine Website 2026 barrierefrei sein?
Seit dem 28. Juni 2025 gilt das BFSG. Wenn du online Produkte oder Dienstleistungen anbietest (B2C), muss deine Website barrierefrei sein. Ausnahme: Kleinstunternehmen unter 10 Mitarbeiter UND unter 2 Mio. € Umsatz. Wir empfehlen trotzdem Barrierefreiheit — es verbessert die Nutzererfahrung und schützt vor zukünftigen Verschärfungen.
Was kostet es, meine bestehende Website barrierefrei zu machen?
Das hängt vom aktuellen Zustand ab. Ein Audit kostet ab 490 €, die Umsetzung der Maßnahmen ab 1.500 €. Bei vielen Websites lässt sich Barrierefreiheit mit überschaubarem Aufwand nachrüsten. Bei stark veralteten Seiten kann ein Relaunch sinnvoller sein.
Kann mich jemand abmahnen, wenn meine Website nicht barrierefrei ist?
Ja. Seit dem BFSG können Wettbewerber und Verbraucherverbände abmahnen. Die Marktüberwachungsbehörden können Bußgelder bis 100.000 € verhängen. Die ersten Abmahnwellen laufen bereits — besonders bei Online-Shops.
Reicht ein Accessibility-Overlay (z. B. AccessiBe, UserWay)?
Nein. Overlay-Widgets lösen keine echten Barrierefreiheitsprobleme. Sie überlagern die Website mit einem Script, das die darunter liegenden Probleme nicht behebt. Gerichte und Experten sind sich einig: Overlays sind kein BFSG-konformer Ersatz für echte Barrierefreiheit. Wir raten davon ab.
Was ist der Unterschied zwischen WCAG 2.1 und WCAG 2.2?
WCAG 2.2 (Oktober 2023) erweitert WCAG 2.1 um 9 neue Erfolgskriterien, u. a. bessere Fokus-Sichtbarkeit, größere Touch-Targets und konsistente Hilfe-Mechanismen. Wir empfehlen direkt WCAG 2.2 AA — damit bist du zukunftssicher.
Brauche ich eine Barrierefreiheitserklärung?
Ja, das BFSG verlangt eine öffentlich zugängliche Erklärung zum Barrierefreiheitsstatus deiner Website. Wir erstellen diese Erklärung als Teil unseres Audit- oder Umsetzungsprozesses.
Jetzt handeln — bevor es teuer wird
Das BFSG ist seit Juni 2025 in Kraft. Die Übergangsfrist ist abgelaufen. Je länger du wartest, desto höher das Risiko einer Abmahnung — und desto teurer wird die nachträgliche Anpassung.
Dein nächster Schritt:
→ Kostenloses BFSG-Erstgespräch buchen — Wir schauen uns deine Website an und sagen dir ehrlich, was zu tun ist.
→ Barrierefreiheits-Audit anfragen (ab 490 €) — Professionelle Prüfung mit detailliertem Maßnahmenplan.
→ Neue barrierefreie Website — Bei uns ist WCAG 2.2 AA immer inklusive.