Referenzprojekt
Barrierewerk: automatisierter BFSG-Schnell-Check für Websites.
Barrierewerk prüft Websites in wenigen Minuten auf die wichtigsten BFSG-Anforderungen: echter Kontrast-Check gegen den tatsächlich gerenderten Hintergrund (kein Overlay), Formular-Beschriftung, Überschriften-Struktur, Alt-Texte und SEO-Grundlagen wie Title, Meta-Description und robots.txt.
Projektfokus
Barrierefreiheit ohne Rätselraten prüfbar machen
Ab 2025 gilt für viele Unternehmen das Barrierefreiheitsstärkungsgesetz (BFSG) – die meisten wissen aber nicht, wo ihre Website konkret steht. Barrierewerk ist eine Web-App, die genau das automatisiert: eine Startseite eingeben, mehrere Seiten der Domain werden geprüft, und am Ende steht ein nachvollziehbarer Report mit Score, konkreten Fundstellen und Lösungsvorschlägen.
- echter Kontrast-Check gegen den gerenderten Hintergrund, kein Overlay-Trick
- prüft Formular-Beschriftung, Alt-Texte, Überschriften-Struktur, Linktexte
- zusätzlich SEO-Grundlagen: Title-/Description-Länge, H1, robots.txt, Sitemap
- automatisiert erzeugter Schnell-Check, ersetzt keine zertifizierte Prüfung (z. B. BITV-Test)
- klarer Report mit Fundstellen im Code statt vager Warnungen
Was dieses Projekt zeigt
Regelbasierte Prüf-Logik
Statt eines pauschalen Overlay-Widgets prüft Barrierewerk den tatsächlichen Code und die gerenderten Farben einer Seite – nachvollziehbar statt Blackbox.
BFSG als konkretes Alltagsproblem
Viele Unternehmen brauchen einen schnellen, verständlichen Einstieg in ein neues Gesetzesthema. Barrierewerk übersetzt das in einen einfachen Check mit klarem Ergebnis.
Produkt mit echter Prüf-Engine
Kein Formular, das nur Text sammelt: Barrierewerk crawlt Seiten, liest DOM und Styles aus und berechnet Kontrastwerte nach WCAG-Formel selbst.
Ehrliche Grenzen kommuniziert
Der Report macht transparent, was automatisiert geprüft wird und was nicht (z. B. Tastaturbedienung, Video-Untertitel) – statt falsche Vollständigkeit vorzutäuschen.
Warum ein echter Browser den Unterschied macht
Die meisten Barrierefreiheits-Werkzeuge lesen den Quelltext. Barrierewerk lädt die Seite in einem echten Browser und schaut sich an, was am Ende wirklich auf dem Bildschirm steht.
Kontrast wird gemessen, nicht geschätzt
Ein Werkzeug, das nur CSS liest, sieht die Farbe im Stylesheet. Es sieht nicht, dass darüber ein Verlauf, ein Bild oder eine zweite Regel liegt. Barrierewerk misst den Wert, der beim Besucher ankommt — deshalb findet es Stellen, die andere übersehen.
56 Kriterien mit Quellenangabe
Jeder Fund nennt das WCAG-Kriterium und die Stufe, also 1.4.3 Stufe AA statt „Kontrast zu niedrig". Damit lässt sich nachlesen, warum etwas beanstandet wird, und die Behebung ist überprüfbar statt Geschmackssache.
Tastatur und Fokus
Wer keine Maus benutzt, muss sehen, wo er gerade ist. Geprüft wird deshalb nicht nur, ob ein Fokusrahmen definiert ist, sondern ob er sichtbar genug ist — viele Seiten haben ihn zwar, aber unsichtbar.
Ergebnis mit Siegel
Zum Bericht gehört ein einbettbares Siegel mit Prüflink. Es zeigt den Wert des letzten Scans und aktualisiert sich beim nächsten von allein — es kann also nicht mit einem alten guten Ergebnis stehen bleiben.
Was beim Bauen schiefging und wie es gelöst wurde
Zu früh gemessen. In der ersten Fassung las der Scanner die Farben, bevor das Stylesheet vollständig wirksam war. Das Ergebnis sah plausibel aus und war falsch. Seitdem wartet er, bis die Seite fertig gezeichnet ist — und misst erst dann.
Der Scanner folgte Download-Links. Er landete bei CSV- und PDF-Dateien und versuchte, sie wie Webseiten zu prüfen. Solche Links werden jetzt erkannt und übersprungen.
Eine Zahl in der eigenen Studie war falsch. Für die Studie wurden 1.000 Websites geprüft. Nachdem sich zeigte, dass eine Messung zu früh ansetzte, wurden die betroffenen Werte neu berechnet und die Studie öffentlich korrigiert — mit Hinweis darauf, was vorher dort stand. Das ist unangenehm, aber die Alternative wäre gewesen, mit einer Zahl zu werben, die nicht stimmt.
Der Gratis-Scan prüft fünf Seiten. Wer mehr will, bekommt in den Paketen bis zu zweihundert Seiten je Durchlauf — eine Zahl, die technisch durchgesetzt wird und nicht nur in der Preistabelle steht.
Warum Barrierewerk als Referenz stark ist
Barrierewerk zeigt, dass pepelabs auch datengetriebene Produkte mit eigener Prüf-Logik entwickelt – nicht nur Websites, sondern Web-Apps mit echter Funktionslogik im Hintergrund.