BFSG-Selbsttest: was Betreiber ohne Werkzeug prüfen können

Das W3C beschreibt seine Easy Checks als Einstieg: Mit einfachen Proben finden Sie heraus, ob Barrierefreiheit auf einer Seite überhaupt in Grundzügen bedacht wurde. Im selben Atemzug warnt es: Die Proben decken nur wenige Themen ab, sind auf Tempo statt Vollständigkeit angelegt, und eine Seite kann sie bestehen und trotzdem erhebliche Barrieren enthalten (W3C Easy Checks). Diese Grenze gilt für alles, was in diesem Beitrag folgt. Ein bestandener Selbsttest ist keine Freigabe. Ein nicht bestandener ist dagegen ein deutliches Signal, dass Handlungsbedarf besteht.

Warum sich der Blick trotzdem lohnt, zeigt die WebAIM Million 2026. Auf 95,9 Prozent (WebAIM Million 2026) der Startseiten der eine Million meistbesuchten Websites fand die automatische Auswertung Fehler gegen die WCAG. 96 Prozent (WebAIM Million 2026) aller erkannten Fehler fallen in nur sechs Arten: zu geringer Textkontrast, fehlende Alternativtexte, fehlende Formularbeschriftungen, leere Links, leere Schaltflächen und eine fehlende Angabe der Dokumentsprache. Vier dieser sechs Arten lassen sich mit den Proben in diesem Beitrag zumindest grob aufspüren. Leere Links und Schaltflächen zeigen sich dagegen erst, wenn ein Screenreader oder ein Werkzeug den Namen eines Bedienelements ausliest.

Wen die Proben betreffen, zeigt die amtliche Statistik. Zum Jahresende 2025 lebten in Deutschland gut 7,8 Millionen (Destatis) Menschen mit schwerer Behinderung, das sind 9,4 Prozent (Destatis) der Bevölkerung. Bei 4 Prozent (Destatis) der Schwerbehinderten lag Blindheit oder eine Sehbehinderung vor, bei weiteren 4 Prozent (Destatis) Schwerhörigkeit, Gleichgewichts- oder Sprachstörungen. Die Statistik zählt nur Menschen mit amtlich festgestellter schwerer Behinderung. Wer seine Lesebrille vergessen hat, mit eingegipstem Arm nur die Tastatur nutzt oder im Zug ein Video ohne Ton ansieht, steht in keiner Tabelle und profitiert von denselben Korrekturen.

Legen Sie die Maus beiseite, laden Sie die Startseite neu und drücken Sie einmal Tab. Auf einer gut gebauten Seite erscheint jetzt ein Link wie „Zum Inhalt springen“. Er ist das erste Bedienelement und führt an Menü und Suche vorbei direkt zum Hauptinhalt. Gestalter dürfen ihn verstecken, solange er beim Ansteuern deutlich sichtbar wird (W3C Easy Checks). Ein solcher Sprunglink ist ein verbreiteter Weg, wiederholte Blöcke überspringbar zu machen, wie es das Kriterium 2.4.1 verlangt (W3C WCAG 2.2). Auf den eine Million meistbesuchten Startseiten hatten nur 17,1 Prozent (WebAIM Million 2026) einen solchen Link, und jeder zehnte davon war defekt (WebAIM Million 2026), etwa weil sein Sprungziel fehlte.

Gehen Sie dann mit Tab weiter durch die Seite und mit Umschalt+Tab zurück. Jede Funktion muss sich über die Tastatur bedienen lassen, und der Fokus, also der Rahmen oder die Markierung am gerade angesteuerten Element, muss sichtbar sein (W3C WCAG 2.2). Achten Sie auf diese Punkte:

Zwei dieser Punkte haben in WCAG 2.2 eigene Kriterien: Aus einem Element muss man mit der Tastatur wieder herauskommen (Kriterium 2.1.2), und ein angesteuertes Element darf nicht vollständig von Inhalten der Seite verdeckt sein (Kriterium 2.4.11) (W3C WCAG 2.2). Mehr zu Reihenfolge, Tastaturmustern und Fokusgestaltung steht im Beitrag zur Tastaturnavigation. Wie Sprunglinks und Menüs gebaut sein sollten, zeigt der Beitrag zur barrierefreien Navigation.

Ein Alternativtext ist die kurze Beschreibung, die den Zweck eines Bildes für Menschen wiedergibt, die es nicht sehen (W3C Easy Checks). Auf 53,1 Prozent (WebAIM Million 2026) der untersuchten Startseiten fehlte er an mindestens einem Bild. Für einen blinden Besucher ist ein Aktionsbild ohne Text eine Lücke, ein verlinktes Logo ohne Text ein Link ohne erkennbares Ziel.

Ohne Zusatzprogramm nähern Sie sich dem, indem Sie die Bilder abschalten. Viele Browser erlauben es, Bilder für eine Website zu sperren, meist über die Website-Einstellungen oder das Menü für Entwickler. Laden Sie die Seite neu und fragen Sie sich an jeder Stelle, an der vorher ein Bild war: Fehlt jetzt eine Information? Steht an Stelle eines Werbebanners, eines Preisschilds oder einer Schaltfläche mit Symbol ein Text, der dieselbe Aufgabe erfüllt? Rein schmückende Bilder dürfen ersatzlos verschwinden, für sie nennt das W3C ausdrücklich einen leeren Alternativtext (W3C Easy Checks).

Die Probe hat eine Schwäche, die Sie kennen sollten: Browser zeigen Alternativtexte unterschiedlich an, manche nur, wenn genug Platz ist. Bleibt eine Stelle leer, notieren Sie sie als Verdacht, nicht als Befund. Ob ein vorhandener Text auch treffend formuliert ist, entscheidet ohnehin ein Mensch. Wie gute Alternativtexte für Produktbilder, Grafiken und verlinkte Bilder aussehen, steht im Beitrag zu Alt-Texten.

Überschriften funktionieren wie ein Inhaltsverzeichnis. Sie gliedern die Seite, und beim Untergliedern sollen keine Ebenen übersprungen werden (W3C Easy Checks). Für Screenreader-Nutzende sind sie das wichtigste Mittel, sich zu orientieren. Eine Befragung von Screenreader-Nutzenden mit 1.539 (WebAIM Screen Reader Survey 2024) gültigen Antworten wollte wissen, was sie auf einer langen Seite am ehesten zuerst tun, um eine Information zu finden: 71,6 Prozent (WebAIM Screen Reader Survey 2024) derer, die diese Frage beantworteten, nannten das Springen über die Überschriften.

Ohne Werkzeug prüfen Sie zuerst die sichtbare Gliederung. Lesen Sie nur die groß und fett gesetzten Zeilen: Ergeben sie für sich eine verständliche Übersicht? Beschreibt jede den Abschnitt darunter? Dann folgt der Blick in den Code. Im Seitenquelltext suchen Sie mit Strg+F nach <h1, <h2 und <h3. Die Hauptüberschrift trägt in der Regel die oberste Ebene, die folgenden Abschnitte die Ebenen darunter, und auf eine h2 folgt eine h3, nicht direkt eine h4 (W3C Easy Checks). Übersprungene Ebenen fand die WebAIM Million auf 41,8 Prozent (WebAIM Million 2026) der Startseiten, gar keine Überschriften auf 7,5 Prozent (WebAIM Million 2026).

Diese Probe hat eine Grenze. Der Quelltext zeigt das HTML, das der Server ausliefert. Was Skripte erst im Browser einfügen, etwa Filter, Reiter oder nachgeladene Abschnitte, steht dort nicht. Fehlt eine sichtbare Überschrift im Quelltext, ist das deshalb ein Hinweis, kein Beweis.

Formulare sind die Stelle, an der aus Besuchern Kunden werden, und zugleich eine häufige Fehlerquelle. 51 Prozent (WebAIM Million 2026) der Startseiten hatten mindestens ein Eingabefeld ohne korrekte Beschriftung. Prüfen Sie zuerst das Sichtbare: Steht neben oder über jedem Feld eine dauerhafte Beschriftung, die sagt, was einzutragen ist? Ein grauer Platzhalter im Feld, der beim Tippen verschwindet, ersetzt sie nicht.

Dann folgt ein einfacher Handgriff aus den Easy Checks: Klicken Sie auf die Beschriftung. Ist das Feld richtig mit ihr verknüpft, springt der Cursor hinein (W3C Easy Checks). Passiert nichts, fehlt in vielen Fällen genau die Verknüpfung, die ein Screenreader braucht, um das Feld anzusagen. Bei Kontrollkästchen und Auswahlknöpfen vergrößert die Verknüpfung zudem die Klickfläche, was Menschen mit unruhiger Hand hilft (W3C Easy Checks).

Jetzt schicken Sie das Formular leer ab, möglichst nur mit der Tastatur. Wird ein Eingabefehler automatisch erkannt, muss das betroffene Feld benannt und der Fehler in Text beschrieben werden (W3C WCAG 2.2). Ein rot umrandetes Feld ohne Text genügt dem nicht. Prüfen Sie außerdem, ob Pflichtfelder vorab sichtbar gekennzeichnet sind. Das W3C empfiehlt das Wort für „erforderlich“ in der Beschriftung, weil ein Sternchen von Screenreadern oft als Satzzeichen übergangen und von Menschen mit Sehbehinderung leicht übersehen wird (W3C Easy Checks).

Wer einen Bestellablauf betreibt, wiederholt die Probe in jedem Schritt bis vor die Zahlung, ohne eine echte Bestellung auszulösen. Mehr zu Beschriftungen, Fehlermeldungen und Prüfregeln steht im Beitrag zu barrierefreien Formularen.

Die Tabelle fasst die acht Proben zusammen. Die rechte Spalte nennt die Erfolgskriterien laut WCAG 2.2, auf die sich eine Probe vor allem bezieht (W3C WCAG 2.2). Eine bestandene Probe heißt nicht, dass das Kriterium erfüllt ist; sie heißt nur, dass an dieser Stelle nichts Offensichtliches auffällt.

Nach den acht Proben haben Sie eine Liste. Sortieren Sie sie nach Wirkung, nicht nach Probe. Ganz oben steht alles, was eine Aufgabe verhindert, etwa ein Formular, das sich ohne Maus nicht absenden lässt, oder ein Cookie-Banner, das per Tastatur nicht zu schließen ist. Danach kommt, was eine Aufgabe erschwert, zuletzt, was nur stört. Diese Reihenfolge hilft Entwicklung oder Agentur mehr als jede Punktzahl.

Geben Sie die Liste mit Bildschirmfotos weiter und bitten Sie darum, jeden Befund einem Erfolgskriterium zuzuordnen. Viele Befunde haben eine gemeinsame Ursache in einer Vorlage oder einem Baustein. Ist der Baustein korrigiert, verschwinden sie auf allen Seiten zugleich. Wie aus einer Befundliste ein Plan mit Wellen und Zuständigkeiten wird, beschreibt der Beitrag vom Prüfbericht zum Maßnahmenplan.

Wiederholen Sie den Selbsttest nach jeder größeren Änderung: neuem Banner, neuem Formular, neuem Video, neuer Vorlage. Er kostet wenig Zeit und fängt Rückschritte ab, bevor sich eine Kundin beschwert oder eine Behörde nachfragt.