5. Juni 2025
Matthias Wagener
Das Barrierefreiheitsstärkungsgesetz (BFSG) ist die neueste Installation auf dem Weg zu einer inklusiveren digitalen Gesellschaft in Deutschland. Es schreibt verbindliche Vorgaben zur Barrierefreiheit für öffentliche Stellen, Unternehmen mit öffentlichem Auftrag und digitale Anwendungen vor. Ziel des BFSG ist es, allen Bürger*innen den gleichberechtigten Zugang zu Informationen und Dienstleistungen zu ermöglichen. Konkret bedeutet das, dass digitale Inhalte und Dienstleistungen von Firmen den Standards der Web Content Accessibility Guidelines (WCAG) 2.1 mindestens auf Level AA entsprechen müssen. Inhalte, die nach diesem Stichtag neu bereitgestellt werden, müssen „von Anfang an“ barrierefrei sein. Bis spätestens Juni 2026 müssen bestehende Online-Angebote nachgerüstet sein, sonst drohen Bußgelder und Rügen durch die zuständigen Aufsichtsbehörden.
Der 28. Juni als Stichtag für das BFSG (Barrierefreiheitsstärkungsgesetz) rückt näher und wir hoffen, dass euch unsere Tipps zur digitalen Barrierefreiheit dabei geholfen haben, eure Website(s) vorzubereiten. Egal, ob Ihr gerade erst anfangen, oder schon eure Prozesse optimieren möchtet: Hier findet Ihr eine kurze Übersicht über die Empfehlungen jeder Woche.
Wir haben mit einem W3C WAI’s Bad Demo Tool begonnen, das nebeneinander einen Vergleich zwischen einer nicht barrierefreien und einer barrierefreien Webseite zeigt. Durch den direkten Bildvergleich lassen sich häufige Barrieren sofort erkennen, zum Beispiel fehlende Bezeichnungen (Labels), ungünstige Tab-Reihenfolgen und unbeschriftete Formularelemente.
Weil es etwas schwierig sein kann, abstrakte Richtlinien zu verstehen, bis sie angewendet (oder verletzt) werden, kann dieses Tool konkrete Beispiele liefern.
Unser zweiter Tipp stellte die W3C Easy Checks vor – eine kostenlose Übersicht, mit der Sie jede Seite auf grundlegende Barrierefreiheitskriterien hin prüfen können. Schritt für Schritt wird erläutert, wie Sie aussagekräftige Seitentitel anlegen, Alternativtexte hinzufügen und Überschriften korrekt strukturieren.
Während unser BFSG Guide einen Leitfaden liefert, welche Punkte noch anstehen, findet ihr bei den W3C Easy Checks fassbare Beispiele, wie gewisse Anforderungen umgesetzt werden können.
Für die dritte Woche haben wir uns entschieden, ein paar Farbkontrastprüfer vorzustellen. Ausreichender Kontrast zwischen Text und Hintergrund ist essenziell für Nutzer*innen mit eingeschränktem Sehvermögen oder Farbenblindheit. Wir haben drei Lösungen empfohlen:
Da nicht jede*r in Ihrem Team ist Entwickler*in, aber jede*r kann einen Beitrag zur Barrierefreiheit leisten. Wir haben drei Tools vorgestellt, die keine Programmierkenntnisse erfordern:
Für Teams, die mit Code vertraut sind, haben wir in der fünften Woche Tools vorgestellt, die sich in Ihren Build-Prozess integrieren lassen oder eine tiefere Inspektion Ihres Markups ermöglichen:
Wir haben einen kurzen Überblick geliefert, wie barrierefreie und nicht barrierefreie Seiten im Vergleich aussehen, gelernt, schnelle manuelle Prüfungen durchzuführen, den Farbkontrast zu beurteilen und sowohl No-Code- als auch Entwickler-Workflows kennengelernt. Das BFSG steht vor der Tür, doch das ist erst der Anfang: Eine wirklich barrierefreie Website entsteht, wenn diese Praktiken dauerhaft in Design-, Content- und Entwicklungsprozesse integriert werden.
Falls Ihr es noch nicht gemacht habt, ladet euch unseren kompletten BFSG-Guide herunter. Wir haben die einzelnen Schritte zusammengefasst und versucht, euch eine Art Landkarte zu erstellen mit der ihr die Übersicht euren Fortschritt behalten könnt. Zusätzlich könnt ihr natürlich auch eure Fortschritte verfolgen. Fangt am besten noch heute mit der Umsetzung an und lasst uns gemeinsam dafür sorgen, dass alle Menschen alle Inhalte ohne Probleme nutzen können.
