Barrierefreiheit der eigenen Website prüfen: was ein Test findet

Seit Kurzem gibt es auf meiner Seite einen kostenlosen Barrierefreiheits-Check. Bevor ich ihn freigeschaltet habe, habe ich ihn auf lupusmalus.dev selbst losgelassen, und meine Seite ist durchgefallen. Hier steht, was der Test gefunden hat und wie ich es behoben habe. Danach geht es darum, was so ein Test nicht sehen kann. Ich bin Entwickler, kein Anwalt, deshalb gibt es hier auch keine Aussage dazu, ob deine Seite gesetzliche Pflichten erfüllt.

Was der Check macht

Der Check ruft deine Startseite und bis zu vier weitere Seiten auf und prüft sie mit axe-core. Das ist ein verbreitetes Werkzeug, das die Regeln der WCAG am Code abprüft, also der Richtlinien, an denen sich Barrierefreiheit im Netz meist misst. Geprüft wird nach den Stufen A und AA der WCAG-Fassungen 2.0 bis 2.2.

Am Ende steht eine Liste, sortiert nach Schwere, mit einer kurzen deutschen Erklärung je Regel und den Stellen, an denen der Fehler auftritt. Die Prüfung kostet nichts, und die Adresse und das Ergebnis werden nicht gespeichert.

Was er bei mir gefunden hat

Am 24. Oktober 2026 meldete der Check für meine eigene Seite 45 Stellen mit zu schwachem Kontrast und 10 Links, die man nur an der Farbe erkennt.

Der größte Teil der Kontrastfehler kam von meinem Rot. Das Theme „Blood Moon“ setzt #DC2626 auf einen fast schwarzen Hintergrund (#0A0A0A). Das ergibt ein Kontrastverhältnis von etwa 4,1 zu 1. Für normalen Text verlangt die WCAG mindestens 4,5 zu 1, für großen Text (ab 18 Punkt, fett ab 14 Punkt) 3 zu 1. Als Fläche hinter weißer Schrift oder für große Überschriften reicht mein Rot also, für Fließtext und kleine Hinweise nicht. Dazu kamen Abstufungen im Sicherheitsradar, deren Farben je nach Theme zu blass waren.

Die Links waren ein anderes Problem. In Absätzen hatte ich Links nur rot gefärbt, ohne Unterstreichung. Wer Farben schlecht unterscheiden kann, sieht dann einen Absatz ohne Links. Die WCAG lässt das nur zu, wenn sich der Link mit mindestens 3 zu 1 vom umgebenden Text abhebt und zusätzlich ein weiteres Merkmal hat.

Wie ich es behoben habe

Meine Seite hat mehrere Farbthemen. Ich hätte jede betroffene Stelle einzeln nachfärben können, das wären Dutzende Änderungen gewesen, und beim nächsten neuen Abschnitt wäre der Fehler wieder da. Stattdessen hat jedes Theme jetzt zwei Rottöne: das kräftige Rot für Flächen und Schaltflächen und ein helleres für Text. Im dunklen Theme ist das #F87171, das kommt auf demselben Hintergrund auf etwa 7,2 zu 1. Für die Stufen im Sicherheitsradar gibt es je Theme eigene Farben, die den Kontrast schaffen.

Links im Fließtext sind jetzt immer unterstrichen. Das ist die einfachste Lösung, und sie hilft auch Leuten ohne Farbschwäche, die den Text nur überfliegen.

Danach habe ich den Check erneut laufen lassen, und zwar für jede Seite in jedem Theme. Er fand keine Verstöße mehr.

Wo ein automatischer Test aufhört

Ein leeres Ergebnis heißt nicht, dass eine Seite barrierefrei ist. axe-core sieht, was sich am Code ablesen lässt: Kontraste, Bilder ohne Alternativtext, Formularfelder ohne Beschriftung, fehlende Sprachangaben. Ein Programm erkennt, dass ein Bild einen Alternativtext hat. Ob der Text das Bild auch sinnvoll beschreibt, muss ein Mensch beurteilen, genau wie die Frage, ob sich die Seite per Tastatur in einer sinnvollen Reihenfolge bedienen lässt.

Deque, der Hersteller von axe-core, hat in einer eigenen Auswertung von knapp 300.000 gefundenen Problemen gezählt, dass die automatischen Tests 57 Prozent davon gefunden haben. Die Zahl bezieht sich auf die Menge der Fehler, und Kontrastfehler machen allein rund 30 Prozent davon aus. Weil Deque die Werkzeuge selbst verkauft, würde ich die Zahl eher als Obergrenze lesen. Ein großer Rest bleibt in jedem Fall für Menschen übrig, die die Seite wirklich benutzen.

Und das Gesetz?

Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG). Es betrifft unter anderem Dienstleistungen im elektronischen Geschäftsverkehr für Verbraucher, also zum Beispiel Onlineshops oder Buchungen über eine Website. Kleinstunternehmen, die Dienstleistungen anbieten, sind ausgenommen. Das Gesetz versteht darunter Unternehmen mit weniger als zehn Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Bilanzsumme.

Ob das Gesetz für deine Seite gilt, kann ich dir nicht sagen, und mein Check sagt es dir auch nicht. Dafür ist eine Rechtsberatung da. Unabhängig davon lohnt sich ein Blick auf die Ergebnisse: Lesbarer Text und erkennbare Links helfen allen, die deine Seite auf dem Handy in der Sonne oder mit müden Augen lesen.

Selbst prüfen

Gib deine Adresse im Barrierefreiheits-Check ein. Pro Stunde sind fünf Prüfungen möglich. Viele Punkte kannst du selbst beheben, etwa fehlende Alternativtexte in WordPress unter „Medien“. Wenn du Hilfe bei der Korrektur möchtest, schreib mir über das Kontaktformular, du bekommst vorher ein Angebot.

Quellen

• Understanding SC 1.4.3: Contrast (Minimum) (W3C)
• Understanding SC 1.4.1: Use of Color (W3C)
• Barrierefreiheitsstärkungsgesetz, §§ 1, 2 und 3 (Bundesministerium der Justiz)
• The Automated Accessibility Coverage Report (Deque Systems, Hersteller von axe-core)