Das ist ein Beispiel mit erfundenen Werten. Aufbau, Bausteine und Formulierungen entsprechen genau dem, was du in deinem eigenen Report für deine Website bekommst.
So sieht dein vollständiger BFSG-Report aus
Risiko-Score, priorisierter Maßnahmenplan und die gesetzlich vorgeschriebene Barrierefreiheitserklärung. Bei Verstößen drohen laut § 37 BFSG Bußgelder bis 100.000 €.
Barrierefreiheits-Score
58
von 100
Erhebliche Mängel: BFSG-Risiko
Wie kommt dieser Score zustande?
Basis-Score (bestandene von geprüften Regeln): 78/100
Abzug für gefundene Mängel, nach Schwere gewichtet: −20
Score gedeckelt auf maximal 60, weil: 3 kritische Mängel gefunden
Automatisch geprüft nach WCAG 2.1 AA · Erkennt ca. 30–40 % aller Barrieren
Meinen eigenen Score jetzt kostenlos prüfen →Gefundene Probleme nach Schweregrad (Beispiel)
3
Blockieren den Zugang komplett
7
Erschweren die Nutzung stark
11
Beeinträchtigen die Nutzung
6
Sollten verbessert werden
Was du kostenlos siehst, und was der Report zusätzlich liefert
Kostenlose Vorschau
- Score & Übersicht nach Schweregrad
- Konkrete Fundstellen & Code-Referenzen
- Handlungsempfehlungen je Problem
- Barrierefreiheitserklärung (PDF)
Vollständiger Report für 79 €
- Alle Fundstellen mit Code-Referenz & Screenshot
- Konkrete Lösung je Problem, priorisiert nach Aufwand
- Gesetzlich vorgeschriebene Barrierefreiheitserklärung als PDF
- Webmaster-Brief zum Weiterleiten an deinen Entwickler
Detaillierter Prüfbericht
Alle gefundenen Barrieren für deine-website.de mit konkreten Handlungsempfehlungen
Nächste 3 Schritte
Lade den vollständigen PDF-Report herunter und sende ihn an deinen Webentwickler oder deine Agentur.
Diese 3 Probleme zuerst beheben:
- Bilder ohne Alternativtext
- Zu geringer Farbkontrast
- Kein sichtbarer Fokus-Indikator
Danach eine manuelle Prüfung durchführen (Checkliste im PDF).
Geschätzter Aufwand für einen erfahrenen Webentwickler: ca. 6–10 Stunden für die kritischen und schwerwiegenden Mängel dieses Beispiels.
Vollständiger Report
Alle Mängel mit Code-Stellen, Maßnahmenplan, Checkliste und Barrierefreiheitserklärung für deinen Entwickler.
Barrierefreiheitserklärung
1–2 Seiten, gesetzlich vorgeschrieben. Auf deiner Website als eigene Seite veröffentlichen und im Footer verlinken.
HTML für deine Website
Fertig formatierter Code zum direkten Einfügen in WordPress, Webflow oder jedes andere CMS.
Brief für deinen Webmaster
Fertiger Text zum Kopieren, erklärt in einfachen Worten, was zu tun ist. Für alle, die selbst keinen Code anfassen.
Priorisierter Maßnahmenplan
Schnelle Fixes (unter 1 Stunde)
Größere Anpassungen
Bilder ohne Alternativtext
Schließt Nutzer mit Seh- oder Hörbeeinträchtigung aus
Screenreader können den Inhalt von 12 Produktbildern nicht wiedergeben, betroffene Nutzer erfahren also nicht, was abgebildet ist.
Screenshot anzeigen
In deinem Report: echter Screenshot deiner Seite mit rot markierter, nummerierter Fundstelle.
So behebst du das Problem:
Aussagekräftiges alt-Attribut für jedes informationstragende Bild ergänzen (z.B. alt="Rote Ledertasche, Frontansicht").
Zu geringer Farbkontrast
Schließt Nutzer mit Seh- oder Hörbeeinträchtigung aus
Fließtext in hellgrau (#999) auf weißem Hintergrund unterschreitet den Mindestkontrast und ist dadurch schwer lesbar für Menschen mit Sehbeeinträchtigung.
Screenshot anzeigen
In deinem Report: echter Screenshot deiner Seite mit rot markierter, nummerierter Fundstelle.
So behebst du das Problem:
Textfarbe auf mindestens #595959 abdunkeln oder Hintergrund anpassen, bis ein Kontrastverhältnis von 4,5:1 erreicht ist.
Kein sichtbarer Fokus-Indikator
Blockiert Nutzer, die nur Tastatur oder Screenreader verwenden
Das Hauptmenü zeigt bei Tastatur-Navigation (Tab-Taste) keinen erkennbaren Fokusrahmen, sodass Tastaturnutzer die Orientierung verlieren.
Screenshot anzeigen
In deinem Report: echter Screenshot deiner Seite mit rot markierter, nummerierter Fundstelle.
So behebst du das Problem:
CSS :focus-visible mit deutlich sichtbarem Rahmen oder Hintergrundfarbe für alle interaktiven Elemente ergänzen.
Klickflächen sind zu klein für Touchscreen-Bedienung
Weicht von anerkannten Barrierefreiheits-Standards ab
Der "Warenkorb hinzufügen"-Button ist auf Mobilgeräten nur 20×20px groß und dadurch schwer treffbar für Menschen mit motorischen Einschränkungen.
Screenshot anzeigen
In deinem Report: echter Screenshot deiner Seite mit rot markierter, nummerierter Fundstelle.
So behebst du das Problem:
Mindestgröße von 24×24 Pixel für alle interaktiven Elemente sicherstellen (Padding erhöhen statt nur Icon-Größe).
+ 23 weitere Fundstellen mit Code-Referenz, Screenshot und geschätztem Aufwand in deinem vollständigen Report
Zusätzlich zu den Standardregeln prüfen wir: Tastaturfallen, Cookie-Banner-Fairness, sichtbare Fokus-Indikatoren und responsives Verhalten bei 320px Breite. Das deckt kein kostenloses Tool wie WAVE oder axe DevTools ab.
Jetzt deine eigene Website prüfen
Der Score & die Kategorien sind kostenlos. Der vollständige Report mit allen Fundstellen kostet 79 € einmalig, also schneller und günstiger als eine externe Prüfung zu beauftragen.
Website jetzt kostenlos prüfen