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
Kritische Mängel: Handlungsbedarf
Was bedeutet dieser Score?
Ausschlaggebend sind die kritischen Probleme. Ein einziger Fehler, der den Zugang komplett blockiert, wiegt schwerer als viele bestandene Detailregeln. Deshalb liegt der Score bei kritischen Mängeln bei höchstens 60.
Kleine Schwankungen von wenigen Punkten zwischen zwei Prüfungen sind normal, auch ohne Änderungen an der Seite. Aussagekräftig ist die Richtung über mehrere Prüfungen, nicht der einzelne Punkt.
Rechenweg im Detail
Startwert: 100
Abzug für gefundene Mängel (nach Schwere gewichtet): −37
Auf höchstens 60 begrenzt, weil 3 kritische Probleme gefunden.
Ergebnis: 60 von 100
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)
Tippe auf eine Kategorie, um die einzelnen Befunde zu sehen.
3 Befunde: Kritisch
Die genauen Fundstellen mit Screenshot und konkreter Lösung stehen im vollständigen Report.
Schließt Nutzer mit Seh- oder Hörbeeinträchtigung aus
Führt zu Fehlern bei Screenreadern und assistiven Technologien
Blockiert Nutzer, die nur Tastatur oder Screenreader verwenden
Kostenlos vs. vollständiger Report
Kostenloser Scan
0 €
- Barrierefreiheits-Score und Schweregrad-Übersicht
- Betroffenheits-Schnelltest
- Alle Fundstellen mit konkreter Lösung
- Priorisierter Maßnahmenplan nach Aufwand
- Barrierefreiheitserklärung (PDF), Webmaster-Brief und HTML-Snippet
- 5 vollständige Re-Scans inklusive
Einmalig, kein Abo
79 €
- Barrierefreiheits-Score und Schweregrad-Übersicht
- Betroffenheits-Schnelltest
- Alle Fundstellen mit konkreter Lösung
- Priorisierter Maßnahmenplan nach Aufwand
- Barrierefreiheitserklärung (PDF), Webmaster-Brief und HTML-Snippet
- 5 vollständige Re-Scans inklusive
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
1 schnelle Fix, 2 größere Anpassungen · nach Aufwand sortiert, schnelle Fixes zuerst
Priorisierter Maßnahmenplan
1 schnelle Fix, 2 größere Anpassungen · nach Aufwand sortiert, schnelle Fixes zuerst
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 der Fundstelle
Schematische Beispiel-Darstellung. In deinem Report steht hier der echte Screenshot deiner Seite mit rot markierter Fundstelle #1.
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 der Fundstelle
Schematische Beispiel-Darstellung. In deinem Report steht hier der echte Screenshot deiner Seite mit rot markierter Fundstelle #2.
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 der Fundstelle
Schematische Beispiel-Darstellung. In deinem Report steht hier der echte Screenshot deiner Seite mit rot markierter Fundstelle #3.
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 der Fundstelle
Schematische Beispiel-Darstellung. In deinem Report steht hier der echte Screenshot deiner Seite mit rot markierter Fundstelle #4.
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 reiner Technik-Scanner wie Lighthouse 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