Kostenloses Selbstprüfungs-Tool · 5–7 Minuten

BFSG-Check für deine Website.

Bin ich betroffen? Was muss erfüllt sein? Was jetzt tun? In drei Teilen geklärt. Seit dem 28. Juni 2025 ist das Barrierefreiheitsstärkungsgesetz (BFSG) in Kraft. Aber nicht jede Website ist betroffen, und nicht jedes „barrierefrei"-Versprechen hält, was es verspricht. Dieser Check führt dich durch die Logik: 6 Schwellen-Fragen, 15 Konformitäts-Punkte, eine 3-Stufen-Empfehlung.

Kein Login Kein Tracking Kein Verkaufs-Anruf

Du willst das Ergebnis am Ende per Mail bekommen? Geht, aber erst, nachdem du es schon gesehen hast.

Lieber automatisch prüfen? → 30-Sekunden-Check mit 6 Dimensionen
Schritt 1 von 3 · Bin ich betroffen?

Teil 1. Sechs Fragen.

Du markierst, was zutrifft. Am Ende zeige ich dir, in welchen Pfad du fällst.

Frage 1 von 6
Können Verbraucher auf deiner Website online einen Termin vereinbaren, etwas reservieren oder einen Vertrag abschließen?
Trigger-Beispiele: Online-Terminvergabe (Doctolib, Cal.com, Calendly, Eversports) — auch für kostenlose Termine. Online-Shop, Tisch-Reservierung, Event-Ticket, Hotel-Buchung, Versicherungs-Abschluss, Mitgliedschafts-Anmeldung. Nicht-Trigger: reines Kontaktformular ohne automatische Buchung, eBook-Download mit Mail-Eingabe (= Newsletter-Anmeldung), Anrufen.
Frage 2 von 6
Richten sich deine Online-Angebote an Verbraucher (B2C) oder an andere Unternehmen (B2B)?
Frage 3 von 6
Hat dein Unternehmen 10 oder mehr Mitarbeitende?
Vollzeit-Äquivalente. Geringfügige und Teilzeit anteilig zählen.
Frage 4 von 6
Macht dein Unternehmen mehr als 2 Millionen Euro Jahresumsatz?
Frage 5 von 6
Bietest du eine dieser Dienstleistungen an: Banking, Telekommunikation, E-Books, Personenbeförderung oder Notrufkommunikation?
Frage 6 von 6
Bist du eine Behörde, kommunale Einrichtung oder ein öffentlich-rechtlicher Eigenbetrieb?
Schritt 1 von 3 · Auswertung
Schritt 2 von 3 · Was muss ich erfüllen?

Teil 2. 15 Punkte abhaken.

15 Punkte nach dem WCAG-2.1-AA-Standard, gegliedert in 4 Prinzipien. Hak ab, was sicher erfüllt ist. Was offen bleibt, ist deine To-do-Liste.

0Erfüllt 0Nicht erfüllt 15Unsicher / offen

Pro Punkt drei Antworten: Erfüllt, Nicht erfüllt oder Unsicher. Standardmäßig sind alle auf „Unsicher" — markiere nur die, bei denen du dir sicher bist.

Wahrnehmbar · 1–4
1. Alt-Texte für alle informativen Bilder

Jedes Bild, das Inhalt transportiert, hat einen alt-Text. Dekorative Bilder bekommen alt="".

Selbsttest: Lighthouse (Chrome → F12 → Lighthouse-Tab) → Accessibility-Audit prüft das.

2. Farbkontrast mindestens 4,5:1

Normaler Text 4,5:1 gegen Hintergrund. Großer Text (ab 18,7 px / 14 pt fett) 3:1.

Selbsttest: webaim.org/resources/contrastchecker

3. Keine Farbe als einzige Information

„Rot = Fehler" muss zusätzlich mit Text oder Icon markiert sein.

Selbsttest: Browser-Extension „Stark" oder Graustufen-Filter im Betriebssystem aktivieren.

4. Untertitel für Videos, Transkripte für Audio

Sprache in Medien braucht eine Text-Alternative.

Bedienbar · 5–8
5. Vollständige Tastatur-Bedienung

Jeder Button, Link, jedes Formularfeld erreichst du mit Tab und löst es mit Enter aus.

Selbsttest: Maus weglegen. Wenn du nicht durchkommst, ist die Seite nicht konform.

6. Sichtbarer Fokus

Beim Tabben siehst du immer, wo du gerade bist, sichtbare Outline um das aktive Element.

Selbsttest: Im CSS muss :focus-visible definiert sein, nicht nur per outline: none entfernt.

7. Skip-Link „Zum Inhalt springen"

Versteckter Link am Seitenanfang, der Tastatur- und Screenreader-Nutzern erlaubt, die Navigation zu überspringen.

8. Keine schnellen Blink-Effekte

Nichts blinkt schneller als 3-mal pro Sekunde, Epilepsie-Risiko.

Verständlich · 9–12
9. Sprache im HTML deklariert

<html lang="de"> ist gesetzt. Screenreader brauchen das für korrekte Aussprache.

Selbsttest: Quelltext öffnen (Strg+U), erste Zeile prüfen.

10. Formularfelder haben <label>

Jedes Eingabefeld hat ein zugeordnetes Label-Element. Placeholder reicht nicht.

11. Fehlermeldungen in Klartext

„Bitte gültige E-Mail-Adresse eintragen" — nicht „Fehler" oder „Eingabe ungültig".

12. Konsistente Navigation

Hauptmenü, Logo-Position, Footer sind auf jeder Seite gleich.

Robust · 13–15
13. Semantisches HTML

<header>, <nav>, <main>, <article>, <footer> statt überall nur <div>.

Selbsttest: Quelltext nach <main durchsuchen, wenn nichts kommt, fehlt's.

14. Überschriften-Hierarchie ohne Sprünge

h1 → h2 → h3, keine Ebenen überspringen. Pro Seite eine h1.

Selbsttest: Browser-Extension „HeadingsMap".

15. HTML validiert ohne Fehler

Der W3C-Validator meldet keine Fehler.

Selbsttest: validator.w3.org/nu/

Was dieser Check NICHT ersetzt

  • Rechtssichere BITV-Prüfung durch zertifizierte Prüfstellen (für rechtssichere Abnahme, z.B. bei Behörden-Aufträgen).
  • Individuelle Rechtsberatung bei laufenden Abmahnungen oder spezifischen Branchen-Fragen.
  • Manuelle Screenreader-Tests mit JAWS, NVDA oder VoiceOver (automatisierte Checks finden nur 30–40 % der echten Probleme).

Wir liefern dir eine Standortbestimmung und konkrete nächste Schritte, nicht eine juristische Konformitäts-Erklärung.

Schritt 3 von 3 · Was jetzt?

Teil 3. Dein Ergebnis.

0 sicher erfüllt von 15
Stufe …
Jetzt nicht, zum 30-Sek-Score
Optional · Ergebnis sichern

Dein Ergebnis als Mail-Quittung.

Du bekommst genau eine Mail mit deinem Pfad, deinem 15-Punkte-Score und der Empfehlung für deine Stufe. Keine Newsletter, kein Auto-Sales-Funnel. Falls wir dir später doch etwas schicken: ein-Klick-Abmeldung in jeder Mail.

Mail wird vorbereitet …

Wir speichern E-Mail, Vorname, Zeitpunkt und dein Tool-Ergebnis in unserer Airtable-Lead-Datenbank. Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse an Lead-Dokumentation und Versand der angeforderten Mail). Mehr im Datenschutz.

Mail ist raus.

Schau in deinen Posteingang, kommt in der Regel innerhalb von 30 Sekunden. Falls nichts da ist: Spam-Ordner prüfen, dort landet sie manchmal beim ersten Kontakt.

Während du wartest