Barrierefreiheit
BFSG/Europäisches Barrierefreiheitsgesetz, WCAG-Standards und Ihre Website für alle nutzbar machen.
Das Barrierefreiheitsstärkungsgesetz (BFSG) setzt die Europäische Barrierefreiheitsrichtlinie in deutsches Recht um und tritt vollständig am 28. Juni 2025 in Kraft. Es verpflichtet Unternehmen, die online Produkte oder Dienstleistungen verkaufen, WCAG 2.1 AA-Standards zu erfüllen. Dies gilt nicht mehr nur für Behörden-Websites — private Unternehmen mit einer Website fallen jetzt ebenfalls in den Anwendungsbereich. Die Nichteinhaltung kann zu Durchsetzungsmaßnahmen und Bußgeldern von bis zu 100.000 € führen.
Wichtige Fakten
- •Das BFSG gilt ab 28. Juni 2025 für alle Unternehmen, die Produkte oder Dienstleistungen an Verbraucher in der EU verkaufen
- •In Deutschland können Marktüberwachungsbehörden Bußgelder bis zu 100.000 € verhängen
- •96,3 % der Top-1-Million-Websites haben erkennbare Barrierefreiheitsfehler (WebAIM 2024)
- •Die häufigsten Probleme sind fehlender Alt-Text, Text mit zu geringem Kontrast, leere Links und fehlende Formularlabels
- •Barrierefreiheits-Overlays und Widgets machen Websites nicht zugänglich — mehrere Gerichtsurteile haben dies bestätigt
Was wir prüfen
- ✓Automatisierte WCAG 2.1 AA-Tests mit axe-core
- ✓Verifizierung von Farbkontrastverhältnissen
- ✓Alt-Text vorhanden bei allen bedeutsamen Bildern
- ✓Tastaturnavigation und Fokusmanagement
- ✓Formularlabel-Verknüpfungen und ARIA-Attribute
Web-Barrierefreiheit: gute vs. schlechte Beispiele
Bilder ohne Alt-Text
Produktfotos und Banner-Bilder mit leeren oder fehlenden Alt-Attributen. Screenreader lesen diese als 'Bild' vor oder überspringen sie ganz, was den Inhalt für sehbehinderte Besucher unzugänglich macht.
Beschreibender Alt-Text bei Bildern
Jedes bedeutsame Bild hat Alt-Text, der den Inhalt beschreibt: 'Koch bereitet Pasta in Restaurantküche vor' statt 'IMG_4521' oder 'Foto'. Dekorative Bilder verwenden leere Alt-Attribute (alt=""), damit Screenreader sie überspringen.
Text mit zu geringem Kontrast
Hellgrauer Text (#999) auf weißem Hintergrund oder weißer Text auf pastellfarbenem Banner. WCAG 2.1 AA verlangt ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text.
Ausreichend Farbkontrast
Fließtext verwendet dunkle Farben (#1a1a1a oder ähnlich) auf hellem Hintergrund und erreicht das 4,5:1-Verhältnis. Schaltflächen und Links haben klare Hover/Fokus-Zustände.
Formularfelder ohne Labels
Kontakt- oder Anmeldeformulare, die Platzhaltertext als einziges Label verwenden. Sobald ein Nutzer zu tippen beginnt, verschwindet der Platzhalter und es ist nicht mehr erkennbar, wofür das Feld ist.
Korrekt beschriftete Formularfelder
Jedes Eingabefeld hat ein sichtbares <label>-Element, das über das for/id-Attribut verknüpft ist. Platzhaltertext wird als Hinweis verwendet, nicht als Ersatz.
Vertrauen auf ein Barrierefreiheits-Overlay
Ein Widget wie AccessiBe oder UserWay installieren, anstatt tatsächliche Barrierefreiheitsprobleme zu beheben. Gerichte haben geurteilt, dass Overlays Websites nicht zugänglich machen.
Barrierefreiheit als Teil des Designs
Semantisches HTML (Überschriften, Landmarks, Listen), tastaturnavigierbare Menüs, sichtbare Fokusindikatoren und 'Zum Inhalt springen'-Links.
Bilder ohne Alt-Text
Produktfotos und Banner-Bilder mit leeren oder fehlenden Alt-Attributen. Screenreader lesen diese als 'Bild' vor oder überspringen sie ganz, was den Inhalt für sehbehinderte Besucher unzugänglich macht.
Text mit zu geringem Kontrast
Hellgrauer Text (#999) auf weißem Hintergrund oder weißer Text auf pastellfarbenem Banner. WCAG 2.1 AA verlangt ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text.
Formularfelder ohne Labels
Kontakt- oder Anmeldeformulare, die Platzhaltertext als einziges Label verwenden. Sobald ein Nutzer zu tippen beginnt, verschwindet der Platzhalter und es ist nicht mehr erkennbar, wofür das Feld ist.
Vertrauen auf ein Barrierefreiheits-Overlay
Ein Widget wie AccessiBe oder UserWay installieren, anstatt tatsächliche Barrierefreiheitsprobleme zu beheben. Gerichte haben geurteilt, dass Overlays Websites nicht zugänglich machen.
Beschreibender Alt-Text bei Bildern
Jedes bedeutsame Bild hat Alt-Text, der den Inhalt beschreibt: 'Koch bereitet Pasta in Restaurantküche vor' statt 'IMG_4521' oder 'Foto'. Dekorative Bilder verwenden leere Alt-Attribute (alt=""), damit Screenreader sie überspringen.
Ausreichend Farbkontrast
Fließtext verwendet dunkle Farben (#1a1a1a oder ähnlich) auf hellem Hintergrund und erreicht das 4,5:1-Verhältnis. Schaltflächen und Links haben klare Hover/Fokus-Zustände.
Korrekt beschriftete Formularfelder
Jedes Eingabefeld hat ein sichtbares <label>-Element, das über das for/id-Attribut verknüpft ist. Platzhaltertext wird als Hinweis verwendet, nicht als Ersatz.
Barrierefreiheit als Teil des Designs
Semantisches HTML (Überschriften, Landmarks, Listen), tastaturnavigierbare Menüs, sichtbare Fokusindikatoren und 'Zum Inhalt springen'-Links.
Verwandte Leitfäden
BaFG-Checkliste: Was Österreichs Barrierefreiheitsgesetz von Ihrer Website verlangt
Seit 28. Juni 2025 gilt das österreichische Barrierefreiheitsgesetz (BaFG). Diese Checkliste zeigt, wer betroffen ist, welche WCAG-2.1-AA-Anforderungen gelten und wie das Sozialministeriumservice prüft.
BFSG 2025: Barrierefreiheit für Websites ab Juni 2025
Das Barrierefreiheitsstärkungsgesetz gilt seit Juni 2025. Welche Websites betroffen sind, was WCAG 2.1 AA konkret bedeutet und was bei Verstoß droht.
BFSG für KMU: Was Ihr Onlineshop ab 28. Juni 2025 können muss
Das BFSG gilt seit Juni 2025. Welche KMU betroffen sind, was die Kleinstunternehmen-Ausnahme wirklich bedeutet und wie Sie Ihren Onlineshop Schritt für Schritt anpassen.
BFSG-Bußgeld bis zu €100.000: Wann droht eine Strafe nach dem Barrierefreiheitsstärkungsgesetz?
Bundesnetzagentur und 16 Länderbehörden kontrollieren seit Juni 2025 BFSG-Verstöße. Bußgelder bis €100.000, Abmahnungen, Verbandsklagen: was Ihren Online-Shop betrifft.
Ihre Website jetzt prüfen
Scannen Sie Ihre Website auf Barrierefreiheit-Probleme und 30+ weitere Prüfungen.
Website kostenlos scannen