Ratgeber
Barrierefreie Website & BFSG: Das müssen Unternehmen wissen
Das Barrierefreiheitsstärkungsgesetz (BFSG) gilt in Deutschland seit dem 28. Juni 2025 für viele Online-Angebote mit Verbraucherbezug – etwa Webshops, Buchungssysteme und weitere digitale Dienste. Für bestehende Angebote gilt eine Übergangsfrist bis zum 28. Juni 2030. Ob Ihre Website betroffen ist und welche Anforderungen (W3C-WCAG) zu erfüllen sind, erklären wir hier Schritt für Schritt – mit praktischen Prüfpunkten, einer Umsetzungs-Checkliste und Test-Methoden. Diese Informationen ersetzen keine rechtliche Beratung.
Was ist das BFSG und wen betrifft es?
Das Barrierefreiheitsstärkungsgesetz setzt den European Accessibility Act um und verpflichtet viele Online-Dienste zur Barrierefreiheit. Betroffen sind in erster Linie Dienstleistungen mit Verbraucherbezug (z. B. Webshops und Buchungssysteme), aber die Umsetzung erstreckt sich je nach Branche und Unternehmenstyp auf weitere Angebote. Für bestehende Websites gelten Übergangsfristen. Ob Sie betroffen sind, sollten Sie rechtlich prüfen lassen – wir beraten Sie zur technischen Umsetzung.
Fristen: Wann Sie handeln müssen
Das BFSG gilt grundsätzlich seit dem 28. Juni 2025. Für neue Produkte und Dienstleistungen, die ab diesem Stichtag auf den Markt kommen, gilt die Barrierefreiheitspflicht unmittelbar. Für bestehende Angebote, die bereits vor dem Stichtag in der Nutzung waren, sieht das Gesetz eine Übergangsfrist bis zum 28. Juni 2030 vor. Diese Darstellung ist ein vereinfachter Überblick – die konkrete Einordnung hängt von Ihrem Angebot ab und sollte rechtlich geprüft werden.
Sanktionen: Was bei Verstößen droht
Verstöße gegen die Barrierefreiheitspflichten können Konsequenzen haben: Die Marktüberwachungsbehörden können Maßnahmen anordnen, und das BFSG sieht Bußgelder von bis zu 100.000 € vor. Hinzu kommen zivilrechtliche Risiken: Abmahnungen und Unterlassungsklagen durch Wettbewerber oder Verbraucherverbände sind denkbar. Wer früh handelt, vermeidet nicht nur diese Risiken, sondern gewinnt zusätzlich Kunden mit Einschränkungen. Diese Informationen ersetzen keine Rechtsberatung zu Ihrem konkreten Fall.
Barrierefreiheit praktisch umgesetzt
- Ausreichende Kontraste und gut lesbare Schriftgrößen
- Bedienung ohne Maus: volle Tastatur- und Screenreader-Unterstützung
- Beschriftete Formulare und verständliche Fehlermeldungen
- Sinnvolle Überschriften-Struktur und alternative Texte für Bilder
- Responsive Darstellung, die sich dem Gerät anpasst
- Keine zeitkritischen Elemente, die Bedienung ausschließen
Die vier Prinzipien der Barrierefreiheit (POUR)
Die internationalen WCAG-Kriterien (Web Content Accessibility Guidelines) lassen sich auf vier Grundprinzipien zurückführen, nach denen auch die BFSG-Umsetzung orientiert ist. Wer diese Prinzipien versteht, kann Barrieren besser erkennen – auch ohne Jurist oder Entwickler zu sein.
Die vier Prinzipien
- Wahrnehmbar (Perceivable): Informationen und Bedienelemente müssen für alle Sinne verfügbar sein – z. B. Alternativtexte für Bilder und gute Kontraste
- Bedienbar (Operable): Die Seite muss ohne Maus bedienbar sein – z. B. reine Tastaturnavigation und klare Fokus-Zustände
- Verständlich (Understandable): Inhalte und Bedienung müssen klar und vorhersehbar sein – z. B. verständliche Sprache und beschriftete Formulare
- Robust (Robust): Der Code muss mit verschiedenen Hilfstechnologien funktionieren – z. B. korrektes semantisches HTML
Wo Barrieren in der Praxis entstehen
Barrieren sind meist keine Absicht, sondern Folge von Design- und Code-Entscheidungen. Die häufigsten Probleme lassen sich gezielt prüfen – und fast immer ohne großen Aufwand beheben.
Die häufigsten Barrieren und ihre Behebung
- Formulare: Jedes Eingabefeld braucht eine beschriftung (Label) und verständliche Fehlermeldungen
- Tastatur-Navigation: Alle Funktionen müssen ohne Maus erreichbar sein – in logischer Reihenfolge
- Kontraste: Text und Bedienelemente müssen ausreichend vom Hintergrund abheben
- Semantisches HTML: Richtige HTML-Elemente für Überschriften, Listen und Struktur
- Überschriften-Hierarchie: Klare H1-H2-Struktur hilft Screenreadern und Suchmaschinen gleichermaßen
- Alternativtexte: Bilder mit Bedeutung brauchen einen beschreibenden Alt-Text
- Fokus-Zustände: Sichtbare Markierung, wo sich die Tastatur gerade befindet
- Responsive Barrierefreiheit: Auch mobil muss die Bedienung vollständig funktionieren
Barrierefreiheit testen: automatisiert und manuell
Eine belastbare Prüfung verbindet beides: automatische Tools finden technische Fehler schnell, aber eine manuelle Prüfung mit echter Tastatur- und Screenreader-Nutzung deckt auf, was Automatik übersieht. Nur wenn beide Schritte bestehen, ist die Grundlage für Konformität solide.
So prüfen Sie Ihre Website
- Automatisiert: Tools wie WAVE, axe DevTools oder Lighthouse erkennen viele Verstöße sofort
- Manuell: Alle Seiten komplett mit der Tab-Taste durchlaufen – ohne Maus
- Screenreader: Inhalte mit VoiceOver oder NVDA vorlesen und prüfen, ob alles verständlich ist
- Formulare: Ausfüllen, absenden und Fehlermeldungen verständlich machen
- Fokus & Kontraste: Sichtbare Fokus-Markierung und ausreichende Kontraste verifizieren
Wichtig zur Einordnung: Automatische Tools sind eine Hilfe, aber kein Ersatz für manuelle Prüfung – viele Barrieren (z. B. mehrdeutige Linktexte) erkennt kein automatisches Tool zuverlässig.
Barrierefreiheit umsetzen: Die Checkliste
- Semantisches HTML und klare Überschriften-Hierarchie sicherstellen
- Jedes Formular mit Beschriftungen und verständlichen Fehlermeldungen versehen
- Vollständige Tastatur-Bedienung mit sichtbaren Fokus-Zuständen prüfen
- Ausreichende Kontraste für Texte und Bedienelemente einhalten
- Alle bedeutungsvollen Bilder mit Alternativtexten versehen
- Keine zeitkritischen Effekte, die die Bedienung erschweren
- Mobile Nutzung inklusive Screenreader testen
- Automatische und manuelle Prüfung dokumentieren
Wird Barrierefreiheit von Anfang an berücksichtigt, ist sie Bestandteil sauberer Entwicklung und kostet kaum mehr. Nachträgliche Umbauten sind dagegen teurer. Ein professionelles Audit mit Prüfprotokoll zeigt Ihnen belastbar, wo Ihre Website heute steht – Sie können die Barrierefreiheit Ihrer Website bei uns testen lassen.
Warum Barrierefreiheit auch SEO hilft
Viele Barrierefreiheits-Maßnahmen decken sich mit SEO-Best-Practice: klare Überschriften-Struktur, beschreibende Links, korrekte HTML-Semantik und gute mobile Nutzbarkeit. Eine barrierearme Website ist damit kein Verzicht, sondern ein Qualitätsgewinn – für Nutzer, Suchmaschinen und Ihr Unternehmen.
Häufige Fragen
Brauche ich als kleines Unternehmen Barrierefreiheit?
Das hängt von Ihrem Angebot und Ihrer Branche ab. Für viele Verbraucher-Dienstleistungen – etwa Webshops und Buchungssysteme – gilt die Pflicht mit Übergangsfristen. Lassen Sie die rechtliche Einordnung prüfen; die technische Umsetzung können wir übernehmen.
Was kostet barrierefreies Webdesign?
Wird Barrierefreiheit von Anfang an berücksichtigt, ist der Aufwand gering – sie ist Bestandteil sauberer Entwicklung. Nachträgliche Umbauten sind dagegen teurer. Deshalb bauen wir standardmäßig barrierearm.
Welche Websites sind vom BFSG betroffen?
Betroffen sind in erster Linie Online-Dienste mit Verbraucherbezug, also etwa Webshops, Buchungssysteme, Bank- und Behörden-Dienstleistungen sowie E-Commerce-Angebote. Informationsseiten ohne Transaktion sind häufig nicht betroffen. Die konkrete Einordnung hängt von Ihrem Angebot ab und sollte rechtlich geprüft werden.
Was ist der Unterschied zwischen WCAG und BFSG?
Das BFSG ist das deutsche Gesetz, das den European Accessibility Act umsetzt. Die WCAG (Web Content Accessibility Guidelines) sind die weltweit anerkannten technischen Kriterien, an denen sich die Barrierefreiheit orientiert. Für die BFSG-Umsetzung spielen die WCAG-Konformitätsstufen (AA) in der Praxis die zentrale Rolle.
Wo kann ich Barrierefreiheit meiner Website testen?
Kostenlose Tools wie WAVE, axe DevTools oder Lighthouse finden automatisiert viele Fehler. Entscheidend ist daneben die manuelle Prüfung: Tastaturnavigation, Kontraste, Screenreader-Nutzung und verständliche Formulare. Ein professionelles Audit mit Prüfbericht liefert die belastbarste Grundlage.
Quellen
Gesetzestext BFSG: https://www.gesetze-im-internet.de/bfsg/
WCAG 2.1 – W3C: https://www.w3.org/TR/WCAG21/
BITV 2.0: https://www.gesetze-im-internet.de/bitv_20/
Weiterführend
Weiterlesen
Weitere Ratgeber
Autor
Aymane El-Khalloufi
Gründer & Entwickler
Aymane El-Khalloufi ist Gründer von Weblancia und verantwortlich für Konzeption, Entwicklung und Betreuung aller Projekte.
Barrierefreiheit prüfen lassen
Wir prüfen Ihre Website systematisch auf Barrieren und setzen die notwendigen Maßnahmen um – verständlich dokumentiert und nachvollziehbar.