Kostenlose Checkliste
BFSG-Checkliste: Ist Ihre Website barrierefrei?
27 Prüfpunkte nach WCAG 2.2 Level AA und dem Barrierefreiheitsstärkungsgesetz. Gehen Sie die Liste durch und sehen Sie sofort, wo Ihre Website noch Barrieren hat.
1. Wahrnehmbar
Alle Inhalte müssen mit mindestens einem Sinn erfassbar sein.
Alternativtexte
Jedes informative Bild hat einen aussagekräftigen Alternativtext. Dekorative Bilder haben ein leeres alt-Attribut.
Farbkontraste
Fließtext erreicht mindestens 4,5:1, große Schrift und Bedienelemente mindestens 3:1.
Nicht nur Farbe
Informationen werden nie allein über Farbe vermittelt, zum Beispiel bei Fehlermeldungen oder Pflichtfeldern.
Videos und Audio
Videos haben Untertitel, reine Audioinhalte ein Transkript.
Zoom und Umbruch
Die Seite bleibt bei 200 % Zoom und 320 Pixel Breite ohne horizontales Scrollen nutzbar.
Saubere Struktur
Überschriften, Listen und Tabellen sind mit echtem HTML ausgezeichnet, nicht nur optisch.
2. Bedienbar
Jede Funktion muss ohne Maus erreichbar sein.
Tastaturbedienung
Alle Links, Menüs, Formulare und Dialoge lassen sich vollständig mit der Tastatur bedienen.
Sichtbarer Fokus
Der Tastaturfokus ist jederzeit deutlich sichtbar.
Logische Reihenfolge
Die Tab-Reihenfolge folgt dem Lesefluss der Seite.
Sprunglink
Ein Link „Zum Inhalt springen“ ist vorhanden und funktioniert.
Keine Zeitfallen
Zeitlimits lassen sich verlängern oder abschalten. Nichts blinkt öfter als dreimal pro Sekunde.
Klickflächen
Schaltflächen und Links sind mindestens 24 × 24 Pixel groß.
3. Verständlich
Inhalte und Bedienung müssen nachvollziehbar sein.
Seitensprache
Die Sprache der Seite ist im Code hinterlegt (lang="de").
Klare Sprache
Texte sind verständlich formuliert, Fachbegriffe werden erklärt.
Formularbeschriftungen
Jedes Formularfeld hat eine sichtbare, programmatisch verknüpfte Beschriftung.
Fehlermeldungen
Fehler werden im Text beschrieben und es gibt einen Vorschlag zur Korrektur.
Einheitliche Navigation
Menü und wiederkehrende Elemente sind auf allen Seiten gleich aufgebaut.
Keine Überraschungen
Eingaben lösen keine unerwarteten Seitenwechsel oder neuen Fenster aus.
4. Robust
Inhalte müssen mit Hilfsmitteln wie Screenreadern zuverlässig funktionieren.
Valider Code
Der HTML-Code ist sauber und ohne doppelte IDs.
Name, Rolle, Wert
Eigene Bedienelemente wie Menüs, Tabs oder Akkordeons geben ihren Zustand an Hilfsmittel weiter.
Statusmeldungen
Meldungen wie „In den Warenkorb gelegt“ werden vom Screenreader angesagt.
Test mit Hilfsmitteln
Die Seite wurde mit Screenreader (NVDA, VoiceOver) und nur mit Tastatur getestet.
5. Pflichten nach dem BFSG
Neben der Technik verlangt das Gesetz auch Informationen und Prozesse.
Informationen zur Barrierefreiheit
Sie erklären in barrierefreier Form, wie Ihre Dienstleistung die Anforderungen erfüllt (Anlage 3 BFSG).
Erklärung zur Barrierefreiheit
Eine eigene Seite beschreibt den Stand der Barrierefreiheit und bekannte Einschränkungen.
Feedback-Möglichkeit
Nutzerinnen und Nutzer können Barrieren einfach melden, zum Beispiel per E-Mail oder Formular.
Marktüberwachung
Die zuständige Marktüberwachungsbehörde ist in Ihren Informationen genannt.
Regelmäßige Prüfung
Neue Inhalte, Plugins und Updates werden laufend auf Barrierefreiheit geprüft.
Zu viele offene Punkte?
Ich prüfe Ihre Website nach WCAG und BFSG, zeige Ihnen die wichtigsten Barrieren und behebe sie. Die Erstberatung ist kostenlos.
Kostenlose Erstberatung anfragenHinweis: Diese Checkliste ersetzt keine vollständige Prüfung und keine Rechtsberatung. Automatische Tools finden nur einen Teil der Barrieren, deshalb gehört immer ein manueller Test dazu.