BITV Quick-Check
In 5 Minuten zur ersten Einschätzung der Barrierefreiheit Ihrer Webseite — kostenlos und unverbindlich. Beantworten Sie die 10 Fragen, das Ergebnis erscheint sofort.
1Haben die Bilder auf Ihrer Webseite Bildbeschreibungen?
Wie prüfe ich das? (klicken)
Test: Rechtsklick auf ein Foto → „Bild untersuchen". Im Code muss ein „alt"-Attribut mit Text stehen. Beispiel: alt="Rathaus von vorne".
Warum wichtig: Blinde Menschen lassen sich Webseiten vorlesen. Ohne Bildbeschreibung wird das Bild übersprungen oder als „Bild" angesagt — die Information ist weg.
Warum wichtig: Blinde Menschen lassen sich Webseiten vorlesen. Ohne Bildbeschreibung wird das Bild übersprungen oder als „Bild" angesagt — die Information ist weg.
2Ist der Text gut lesbar — auch für ältere Menschen?
Wie prüfe ich das? (klicken)
Test: Schauen Sie auf Ihre Texte. Hellgraue Schrift auf weißem Grund ist meistens zu schwach. Verhältnis muss mindestens 4,5 zu 1 sein (z. B. dunkelgrau auf weiß).
Warum wichtig: Etwa 20 % aller Menschen über 60 haben eine Sehschwäche. Zu schwacher Kontrast macht die Seite für sie unleserlich.
Warum wichtig: Etwa 20 % aller Menschen über 60 haben eine Sehschwäche. Zu schwacher Kontrast macht die Seite für sie unleserlich.
3Funktioniert die Seite auf dem Handy ohne seitliches Scrollen?
Wie prüfe ich das? (klicken)
Test: Öffnen Sie die Seite auf dem Handy (hochkant). Müssen Sie nach rechts wischen, um Inhalte zu sehen? Werden Bilder/Buttons abgeschnitten?
Warum wichtig: Über 60 % aller Webseitenbesuche kommen vom Handy. Eine Seite, die nicht passt, verliert sofort den Besucher.
Warum wichtig: Über 60 % aller Webseitenbesuche kommen vom Handy. Eine Seite, die nicht passt, verliert sofort den Besucher.
4Kann man die Seite komplett mit der Tastatur bedienen?
Wie prüfe ich das? (klicken)
Test: Maus weglegen. Mit der Tab-Taste durch die Seite springen. Mit Enter Buttons drücken. Funktioniert ALLES? Auch Menüs, Formulare, Suche?
Warum wichtig: Menschen mit motorischer Einschränkung (Lähmung, Tremor) können keine Maus nutzen. Auch Screen-Reader-Nutzer arbeiten ausschließlich mit Tastatur.
Warum wichtig: Menschen mit motorischer Einschränkung (Lähmung, Tremor) können keine Maus nutzen. Auch Screen-Reader-Nutzer arbeiten ausschließlich mit Tastatur.
5Gibt es oben einen „Zum Inhalt springen"-Link?
Wie prüfe ich das? (klicken)
Test: Seite öffnen, einmal Tab drücken. Erscheint ein kleiner Link oben links wie „Zum Inhalt springen" oder „Skip to content"?
Warum wichtig: Ohne diesen Link muss ein Tastatur-Nutzer auf JEDER Seite durch das komplette Menü tabben, bevor er zum Inhalt kommt — frustrierend.
Warum wichtig: Ohne diesen Link muss ein Tastatur-Nutzer auf JEDER Seite durch das komplette Menü tabben, bevor er zum Inhalt kommt — frustrierend.
6Sieht man immer, wo der Tastatur-Fokus gerade ist?
Wie prüfe ich das? (klicken)
Test: Mit Tab durch die Seite. Wandert ein farbiger Rahmen mit? Oder verschwindet er irgendwo? „outline:none" im CSS ist ein häufiger Fehler.
Warum wichtig: Wenn der Fokus unsichtbar ist, weiß der Nutzer nicht, was passiert, wenn er Enter drückt. Bedienung wird unmöglich.
Warum wichtig: Wenn der Fokus unsichtbar ist, weiß der Nutzer nicht, was passiert, wenn er Enter drückt. Bedienung wird unmöglich.
7Ist die Sprache der Seite hinterlegt (lang="de")?
Wie prüfe ich das? (klicken)
Test: Rechtsklick → „Seitenquelltext anzeigen". Ganz oben steht <html …>. Ist dort lang="de" gesetzt?
Warum wichtig: Ohne lang-Attribut spricht ein Screen-Reader deutsche Texte mit englischer Aussprache vor — unverständlich.
Warum wichtig: Ohne lang-Attribut spricht ein Screen-Reader deutsche Texte mit englischer Aussprache vor — unverständlich.
8Haben die Formularfelder klare Beschriftungen?
Wie prüfe ich das? (klicken)
Test: Klicken Sie auf ein Eingabefeld. Verschwindet die Beschriftung? Oder bleibt sie stehen? Gibt es ein Format-Beispiel für Datum, Telefon, IBAN?
Warum wichtig: Nur ein Platzhalter-Text reicht nicht. Wenn der Nutzer angefangen hat zu tippen, ist die Hilfe weg — und der Screen-Reader liest sie gar nicht erst vor.
Warum wichtig: Nur ein Platzhalter-Text reicht nicht. Wenn der Nutzer angefangen hat zu tippen, ist die Hilfe weg — und der Screen-Reader liest sie gar nicht erst vor.
9Gibt es eine „Erklärung zur Barrierefreiheit" im Footer?
Wie prüfe ich das? (klicken)
Test: Scrollen Sie ganz nach unten. Im Footer muss ein Link mit dem Text „Erklärung zur Barrierefreiheit" oder ähnlich sein. Pflicht für alle öffentlichen Stellen.
Warum wichtig: Diese Erklärung ist seit September 2020 für alle öffentlichen Stellen PFLICHT (BITV 2.0 § 7). Fehlt sie, ist die Webseite formal nicht konform.
Warum wichtig: Diese Erklärung ist seit September 2020 für alle öffentlichen Stellen PFLICHT (BITV 2.0 § 7). Fehlt sie, ist die Webseite formal nicht konform.
10Gibt es eine Version in Leichter Sprache und Gebärdensprache (DGS)?
Wie prüfe ich das? (klicken)
Test: Auf der Startseite und im Hauptmenü prüfen: Ist „Leichte Sprache" verlinkt? Gibt es ein DGS-Video, das die Webseite erklärt?
Warum wichtig: BITV 2.0 § 4 fordert beides — für Menschen mit kognitiven Einschränkungen (Leichte Sprache) und Gehörlose (DGS).
Warum wichtig: BITV 2.0 § 4 fordert beides — für Menschen mit kognitiven Einschränkungen (Leichte Sprache) und Gehörlose (DGS).