Barrierefreiheit nach BFSG

Bestehende Website barrierefrei machen

Eine bestehende Website lässt sich in den meisten Fällen barrierefrei machen, ohne sie komplett neu zu bauen. Entscheidend ist eine saubere Prüfung nach WCAG 2.1 AA, denn erst sie zeigt, ob die Barrieren in einzelnen Inhalten, im Theme oder in der technischen Grundlage stecken.

Ich prüfe Ihre Website automatisiert und manuell, behebe die gefundenen Barrieren direkt im Code und dokumentiere das Ergebnis so, dass Sie es für das Barrierefreiheitsstärkungsgesetz (BFSG) nachvollziehbar belegen können.

Elias Arndt

Webentwicklung, Programmierung und KI
★★★★★ 5,0 bei Google

Projekt anfragen

Beschreiben Sie Ihr Vorhaben in wenigen Sätzen. Sie erhalten eine persönliche Rückmeldung.

Woran Sie Barrieren auf Ihrer Website erkennen

Viele Barrieren fallen im Alltag kaum auf, weil die meisten Besucher mit Maus und gutem Sehvermögen unterwegs sind. Ein einfacher Selbsttest bringt sie schnell zum Vorschein: Legen Sie die Maus beiseite und versuchen Sie, Ihre Website nur mit der Tabulatortaste und der Eingabetaste zu bedienen. Wenn Sie dabei nicht erkennen, welches Element gerade ausgewählt ist, wenn sich das Menü nicht öffnen lässt oder wenn Sie in einem Cookie-Banner festhängen, haben Sie bereits die ersten Barrieren gefunden.

Weitere typische Anzeichen sind hellgraue Schrift auf weißem Grund, Formulare, die nach dem Absenden nur rot umrandete Felder ohne Erklärung zeigen, und Bilder, die für Screenreader lediglich als Dateiname vorgelesen werden. Auch Texte, die beim Vergrößern auf 200 Prozent abgeschnitten werden oder seitlich aus dem Bildschirm laufen, gehören dazu.

Seit dem 28. Juni 2025 gilt das BFSG. Es verpflichtet viele Anbieter von Dienstleistungen für Verbraucher, etwa mit Onlineshop, Buchungsstrecke oder Kontaktformular für den Vertragsabschluss, zu einem barrierefreien Angebot. Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens zwei Millionen Euro Jahresumsatz sind als Dienstleister in der Regel ausgenommen. Ob Ihre Website im Einzelfall betroffen ist, sollten Sie rechtlich klären lassen. Technisch ist WCAG 2.1 AA der Maßstab, an dem sich die Umsetzung orientiert.

Wo Barrieren technisch entstehen

Die meisten Mängel lassen sich auf wenige Ursachen zurückführen. Wer sie kennt, behebt sie einmal an der richtigen Stelle, statt jede Seite einzeln zu flicken.

Zu geringe Kontraste

WCAG 2.1 AA verlangt für normalen Text ein Kontrastverhältnis von mindestens 4,5 zu 1. Häufig liegt die Ursache in den Farbvorgaben des Themes, sodass eine zentrale Anpassung viele Seiten zugleich korrigiert.

Fehlende Alternativtexte

Bilder mit Informationsgehalt brauchen eine Beschreibung, dekorative Bilder dagegen ein leeres Alt-Attribut. Beides wird in Redaktionssystemen oft verwechselt oder ganz vergessen.

Keine Tastaturbedienung

Menüs, Akkordeons und Slider aus Pagebuildern reagieren oft nur auf Mausklicks. Außerdem entfernen viele Themes den sichtbaren Fokusrahmen, weil er als störend empfunden wird.

Unbeschriftete Formularfelder

Platzhaltertext im Feld ersetzt kein echtes Label. Fehlermeldungen müssen zudem als Text erscheinen und dem jeweiligen Feld zugeordnet sein, damit Screenreader sie vorlesen.

Unklare Seitenstruktur

Überschriften, die nur nach Schriftgröße gewählt wurden, und fehlende Landmarks wie Navigation oder Hauptbereich erschweren die Orientierung. Screenreader-Nutzer springen gezielt über diese Struktur durch die Seite.

Nachgeladene Widgets

Eingebettete Karten, Chatfenster, Buchungsmodule und Cookie-Banner stammen oft von Drittanbietern. Ihre Barrieren lassen sich nur teilweise beheben, deshalb gehört ihre Auswahl mit auf den Prüfstand.

Overlay-Werkzeuge

Skripte, die per Knopfdruck Barrierefreiheit versprechen, verändern die Darstellung nachträglich im Browser. Den zugrunde liegenden Code reparieren sie nicht, und manche erzeugen für Screenreader sogar neue Probleme.

So mache ich Ihre bestehende Website barrierefrei

Bestandsaufnahme

Ich prüfe eine repräsentative Auswahl Ihrer Seitentypen automatisiert mit axe und anschließend manuell mit Tastatur, Zoom und Screenreader. Automatische Werkzeuge erkennen nur einen Teil der Kriterien, etwa Kontraste und fehlende Labels, verständliche Reihenfolge und sinnvolle Alternativtexte beurteilt nur ein Mensch.

Priorisierung

Sie erhalten eine Liste der Mängel, sortiert nach Auswirkung und Aufwand. Barrieren in Kontaktformular, Kasse oder Buchung stehen oben, weil sie Menschen vom eigentlichen Ziel der Website ausschließen.

Behebung im Code

Ich korrigiere Theme, Vorlagen und eigene Komponenten an der Quelle, zum Beispiel Farbvariablen, Fokusdarstellung, ARIA-Attribute und Formularlogik. Die Änderungen entstehen auf einer Vorschau-Umgebung und gehen erst nach Ihrer Freigabe live.

Nachprüfung

Nach der Umsetzung wiederhole ich die automatisierte und die manuelle Prüfung. So sehen Sie schwarz auf weiß, welche Mängel behoben sind und wo noch Grenzen bestehen, etwa bei Inhalten von Drittanbietern.

Erklärung und Pflege

Zum Abschluss unterstütze ich Sie bei der Erklärung zur Barrierefreiheit und zeige Ihrem Team, worauf es beim Einpflegen neuer Inhalte achten muss. Barrierefreiheit bleibt nur erhalten, wenn neue Bilder, PDFs und Seiten dieselben Regeln einhalten.

Aus der Praxis: Website eines Immobilienmaklers

Für die Website eines Immobilienmaklers aus Schleswig-Holstein habe ich die Barrierefreiheit nach WCAG 2.1 AA umgesetzt. Die automatisierte Prüfung mit axe meldet auf 19 geprüften Seiten 0 Verstöße.

Besonders anspruchsvoll war die Immobiliensuche. Sie beruht auf einem eigenen WordPress-Plugin mit Filtern nach Ort und Objektart, und genau solche interaktiven Filter sind in vielen Fertiglösungen für Tastatur und Screenreader kaum nutzbar. Weil der Code aus eigener Entwicklung stammt, ließ sich die Bedienung an der Quelle korrigieren.

Zum selben Projekt gehört ein eigenes SEO-Plugin mit Titeln, Beschreibungen und strukturierten Daten für Makler und Immobilienangebote. Saubere Überschriften und eine klare Seitenstruktur helfen Screenreadern und Suchmaschinen gleichermaßen.

Wann ein Nachrüsten an Grenzen stößt

Nachrüsten lohnt sich, solange die technische Grundlage tragfähig ist. Stammt Ihre Website aus einem veralteten Baukasten oder aus einem Pagebuilder, der jedes Element in viele verschachtelte Container packt, kann der Aufwand für saubere Semantik höher ausfallen als ein Neuaufbau. In diesem Fall bespreche ich mit Ihnen offen, ob ein Relaunch der Website die wirtschaftlichere Lösung ist.

Barrierefreiheit und Ladezeit hängen außerdem eng zusammen. Wer Bilder mit Alternativtexten neu einpflegt, kann sie im selben Durchgang komprimieren, und schlanker Code hilft Screenreadern ebenso wie Mobilgeräten. Wenn Ihre Website zu langsam ist, lassen sich beide Themen deshalb gut gemeinsam angehen.

Nach dem Abschluss hält eine regelmäßige Wartung der Website den erreichten Stand, denn Updates von Theme und Erweiterungen können einzelne Verbesserungen wieder überschreiben.

Häufige Fragen zur barrierefreien Website

Reicht ein Barrierefreiheits-Plugin oder Overlay aus?

Nein. Overlays verändern die Darstellung im Browser, während fehlerhafter Code, fehlende Labels und falsche Überschriften bestehen bleiben. Für eine belastbare Umsetzung nach WCAG 2.1 AA müssen die Ursachen im Theme und in den Inhalten behoben werden.

Muss ich meine Website komplett neu bauen lassen?

In den meisten Fällen nicht. Kontraste, Fokusdarstellung, Formulare und Alternativtexte lassen sich in einer bestehenden Website korrigieren. Ein Neuaufbau ist nur dann sinnvoll, wenn die technische Grundlage saubere Semantik kaum zulässt.

Welcher Standard gilt für das BFSG?

Für Websites orientiert sich die Umsetzung in der Praxis an der europäischen Norm EN 301 549, die für Webinhalte auf WCAG 2.1 in der Stufe AA verweist. Diesen Standard lege ich meiner Prüfung zugrunde.

Findet ein automatischer Test alle Barrieren?

Nein. Werkzeuge wie axe erkennen zuverlässig technische Mängel wie zu geringe Kontraste oder fehlende Attribute. Ob ein Alternativtext sinnvoll ist oder die Tastaturreihenfolge logisch verläuft, lässt sich nur manuell prüfen.

Was kostet es, eine Website barrierefrei zu machen?

Der Aufwand hängt von der Zahl der Seitentypen, den eingesetzten Erweiterungen und dem Zustand des Codes ab. Nach dem kostenfreien Erstgespräch und einer ersten Sichtung erhalten Sie ein schriftliches Angebot mit klar abgegrenztem Leistungsumfang.

Bleibt meine Website nach der Umsetzung dauerhaft barrierefrei?

Nur wenn neue Inhalte dieselben Regeln einhalten. Deshalb gehört eine kurze Einweisung für Ihr Redaktionsteam zur Übergabe, und bei größeren Änderungen empfiehlt sich eine erneute Prüfung.

Lassen Sie Ihre Website auf Barrieren prüfen

Schildern Sie mir kurz, um welche Website es geht und welche Funktionen Ihre Kunden dort nutzen. Im kostenfreien Erstgespräch ordnen wir gemeinsam ein, welcher Prüfumfang für Sie sinnvoll ist.

Erreichbar montags bis freitags von 8 bis 20 Uhr. Verwandte Themen: Website-Relaunch · Website zu langsam · WordPress-Wartung · Webentwicklung, Programmierung und KI