Die 5 teuersten EAA-Fehler
Diese Barrierefreiheitsfehler führen am häufigsten zu Abmahnungen und Bußgeldern. Mit konkreten Lösungsanleitungen für Ihr Entwicklerteam.
Bußgelder bis zu 100.000€
Seit dem 28. Juni 2025 können Verstöße gegen das BFSG mit Bußgeldern geahndet werden. Die Marktüberwachungsbehörden prüfen aktiv. Die ersten Abmahnungen wurden bereits verschickt.
Fehlende Alternativtexte bei Bildern
Das Problem
Bilder ohne alt-Attribute sind für Screenreader unsichtbar. Blinde und sehbeeinträchtigte Nutzer können den Inhalt nicht erfassen.
WCAG 2.1 – Kriterium 1.1.1 (Nicht-Text-Inhalt)
Häufige Ursachen
- CMS-Uploads ohne Pflichtfeld für Alt-Text
- Automatisch generierte Produktbilder
- Banner und Werbegrafiken ohne Beschreibung
Quick Fix
Alt-Attribut hinzufügen. Bei dekorativen Bildern: alt="" (leerer String). Bei informativen Bildern: Kurze, aussagekräftige Beschreibung.
<img src="produkt.jpg"><img src="produkt.jpg" alt="Rotes T-Shirt, Größe M, Baumwolle">Unzureichende Farbkontraste
Das Problem
Text mit zu geringem Kontrast zum Hintergrund ist für Menschen mit Sehbeeinträchtigung nicht lesbar. Besonders kritisch bei Call-to-Action Buttons.
WCAG 2.1 – Kriterium 1.4.3 (Kontrast Minimum)
Häufige Ursachen
- Hellgrauer Text auf weißem Hintergrund
- Buttons mit trendigem aber kontrastarmem Design
- Transparente Overlays über Bildern
Quick Fix
Mindestkontrast 4,5:1 für normalen Text, 3:1 für großen Text (ab 18pt oder 14pt fett). Tools wie WebAIM Contrast Checker nutzen.
Mindestkontrast-Anforderungen
Fehlende Tastaturnavigation
Das Problem
Interaktive Elemente, die nur per Maus bedienbar sind, schließen Menschen aus, die auf Tastatur oder alternative Eingabegeräte angewiesen sind.
WCAG 2.1 – Kriterium 2.1.1 (Tastatur)
Häufige Ursachen
- Dropdown-Menüs nur bei Hover
- Custom JavaScript-Buttons ohne Tastatur-Events
- Modale Dialoge ohne Fokus-Management
Quick Fix
Alle Interaktionen müssen per Tab-Taste erreichbar und per Enter/Space auslösbar sein. Fokus-Reihenfolge logisch halten.
So testen Sie
Versuchen Sie, Ihren gesamten Checkout-Prozess nur mit der Tastatur abzuschließen (ohne Maus).
Formulare ohne Labels
Das Problem
Eingabefelder ohne verknüpfte Label-Elemente können von Screenreadern nicht identifiziert werden. Nutzer wissen nicht, welche Eingabe erwartet wird.
WCAG 2.1 – Kriterien 1.3.1, 3.3.2 (Labels oder Anweisungen)
Häufige Ursachen
- Platzhalter-Text statt echtem Label
- Labels visuell vorhanden aber nicht programmatisch verknüpft
- Fehlerhafte ID-Referenzen
Quick Fix
Jedes Input-Feld braucht ein Label mit for-Attribut, das auf die ID des Inputs verweist. Alternativ: aria-label oder aria-labelledby.
<input type="email" placeholder="E-Mail"><label for="email">E-Mail</label>
<input type="email" id="email">Fehlende Sprachangabe
Das Problem
Ohne korrekte lang-Attribute kann Software den Text nicht in der richtigen Sprache vorlesen. Besonders problematisch bei mehrsprachigen Seiten.
WCAG 2.1 – Kriterium 3.1.1 (Sprache der Seite)
Häufige Ursachen
- HTML ohne lang-Attribut
- Falsche Sprachcodes (z.B. 'de-DE' vs 'de')
- Fremdsprachige Textpassagen ohne Markierung
Quick Fix
Im <html>-Tag: lang="de" für Deutsch. Bei fremdsprachigen Passagen: span mit eigenem lang-Attribut.
<html><html lang="de">Prüfen Sie Ihre Website automatisch
BFSGklar scannt Ihre Website täglich auf alle 5 kritischen Fehler und benachrichtigt Sie sofort bei Problemen.
Jetzt startenStand: Dezember 2025 | Alle Angaben ohne Gewähr
Diese Übersicht ersetzt keine rechtliche Beratung. Bei konkreten Fragen wenden Sie sich an einen Fachanwalt für IT-Recht.