Barrierefreie Website: Wer verpflichtet ist und was sie kostet

Eine barrierefreie Website ist eine nach WCAG 2.2 Level AA und dem Barrierefreiheitsstärkungsgesetz (BFSG) entwickelte digitale Plattform, die durch semantisches HTML, vollständige Tastaturbedienbarkeit, klare Fokus-Indikatoren und 4,5:1-Farbkontraste allen Nutzern uneingeschränkten Zugang zu europäischen Unternehmenswebsites (€4.500 bis €9.000) und Kundenportalen ermöglicht.

Die meisten Unternehmen begegnen dem Thema als Compliance-Schreck kurz vor einer Prüfung. Diese Reihenfolge erzeugt das schlechteste Ergebnis: eine Sammlung von Flicken auf einer fertigen Website. Von der ersten Skizze an mitgedacht kostet dieselbe Anforderung fast nichts und verbessert die Seite nebenbei für alle.

Dieser Text behandelt die Gestaltungsentscheidungen statt der Norm: welche sechs Fehler in fast jeder Prüfung auftauchen, wie Sie in zehn Minuten selbst testen, was die Arbeit kostet, und wer tatsächlich verpflichtet ist.

Barrierefreiheit ist kein visueller Stil, und das ist der erste Punkt, der Klärung braucht. Websites, die die Anforderungen erfüllen, sehen aus wie jede andere gut gemachte Website. Was sich ändert, sind Entscheidungen, die sonst unbewusst fallen: wie viel Kontrast der Text hat, was beim Drücken der Tabulatortaste passiert, ob ein Eingabefeld noch verständlich ist, wenn der Platzhalter verschwindet.

Laut der Web Accessibility Initiative des W3C ruhen die Richtlinien auf vier Prinzipien: Inhalte müssen wahrnehmbar, bedienbar, verständlich und robust sein. Diese vier Wörter sind im Gespräch mit einer Agentur nützlicher als die durchnummerierten Erfolgskriterien, weil sich daraus Fragen an einen Entwurf ableiten lassen.

Das wirtschaftliche Argument ist einfacher als das moralische. Etwa jeder sechste Mensch weltweit lebt mit einer wesentlichen Beeinträchtigung, und der Anteil steigt mit dem Alter deutlich, was für jedes Produkt zählt, das an Menschen über fünfzig verkauft wird.

Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG), mit dem der European Accessibility Act (Richtlinie 2019/882) in nationales Recht überführt wurde. Es betrifft allerdings nicht jede Website pauschal, und die weit verbreitete Annahme "jede Website muss jetzt barrierefrei sein" ist in dieser Form falsch.

Erfasst sind Produkte und Dienstleistungen, die an Verbraucherinnen und Verbraucher gerichtet sind, unter anderem der elektronische Geschäftsverkehr, Bankdienstleistungen für Verbraucher, E-Books, Telekommunikation sowie Personenbeförderungsdienste. Reine B2B-Websites, Industrie- und Kanzleipräsenzen ohne B2C-Transaktionen oder Kundenportale fallen nicht automatisch unter das BFSG.

Für Kleinstunternehmen greift eine gesetzliche Ausnahme: Wer Dienstleistungen erbringt, weniger als zehn Personen beschäftigt und einen Jahresumsatz oder eine Jahresbilanzsumme von höchstens €2 Mio. hat, ist von den Pflichten für Dienstleistungen ausgenommen. Für Produkte gilt diese Ausnahme nicht.

Der Bußgeldrahmen steht in § 37 BFSG. Bis zu €100.000 drohen dem, der ein nicht konformes Produkt in den Verkehr bringt oder eine Dienstleistung entgegen § 14 Abs. 1 anbietet oder erbringt, und dazu zählt der Onlineshop (§ 37 Abs. 1 Nr. 1, 7 und 8 in Verbindung mit Abs. 2). Für die übrigen Verstöße, etwa nicht oder unvollständig erteilte Informationen und Auskünfte (§ 37 Abs. 1 Nr. 2 bis 6), liegt die Grenze bei €10.000. Die Marktüberwachung obliegt den Bundesländern, koordiniert über die Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen (MLBF) in Magdeburg. Technischer Maßstab ist die harmonisierte Norm EN 301 549: Die im EU-Amtsblatt zitierte Fassung verweist auf WCAG 2.1 AA, die im September 2026 veröffentlichte Version 4.1.1 zieht auf WCAG 2.2 nach, ist aber noch nicht im Amtsblatt gelistet. Wer nach WCAG 2.2 AA baut, erfüllt beides.

In Österreich setzt das Barrierefreiheitsgesetz (BaFG) dieselbe Richtlinie um, ebenfalls seit dem 28. Juni 2025; zuständig ist das Sozialministeriumservice, der Strafrahmen reicht bis €80.000. In der Schweiz gibt es keine vergleichbare Pflicht für private Websites: Das Behindertengleichstellungsgesetz (BehiG) bindet den Bund und verbietet privaten Anbietern lediglich die Diskriminierung.

Sechs Fehler machen den überwiegenden Teil dessen aus, was in echten Prüfungen gefunden wird, und jeder einzelne ist eine Gestaltungsentscheidung und kein Programmierfehler. Die jährliche Auswertung WebAIM Million findet auf über 95 % der meistbesuchten Startseiten maschinell erkennbare Verstöße. Im Entwurf behoben kosten sie nichts, nach dem Livegang bedeuten sie Arbeit an fertigen Vorlagen.

• Zu wenig Kontrast, meist Grau auf Weiß, weil es im Entwurf ruhiger wirkte.
• Fehlende Alternativtexte, oder Alternativtexte, die den Dateinamen wiederholen.
• Links mit dem Text "mehr erfahren", die ein Screenreader außerhalb des Zusammenhangs als Liste identischer Einträge vorliest.
• Formulare, deren einziges Label der Platzhalter ist, der beim ersten Tastendruck verschwindet.
• Bedienelemente aus reinen divs, für assistive Technik unsichtbar, weil sie keine Rolle tragen.
• Videos ohne Untertitel, was gehörlose Menschen ausschließt und alle, die ohne Ton schauen.

Jeder dieser Punkte ist in einer Entwurfsdatei in Minuten geändert und im Produktionscode in Stunden. Dieses Verhältnis ist das ganze Argument dafür, Barrierefreiheit als Gestaltungsvorgabe und nicht als Entwickleraufgabe zu behandeln.

Kontrast ist der häufigste Fehler und zugleich der am leichtesten zu vermeidende, weil er sich vollständig prüfen lässt, bevor eine einzige Zeile Code existiert und bevor irgendjemand eine Seite gebaut hat. Verlangt wird ein Verhältnis von mindestens 4,5 zu 1 zwischen Text und Hintergrund bei normaler Schrift und 3 zu 1 bei großer Schrift sowie bei den sichtbaren Rändern von Bedienelementen.

Die Falle liegt darin, dass Markenpaletten auf kalibrierten Monitoren in abgedunkelten Räumen entstehen. Ein mittleres Grau, das dort edel wirkt, ist auf dem Handy im Freien nicht mehr lesbar. Die Palette bereits bei der Markenentwicklung zu prüfen statt beim Seitenbau erspart eine ganze Kategorie von Nacharbeit.

Farbe darf außerdem nicht der einzige Bedeutungsträger sein. Ein Formular, das Fehler ausschließlich rot markiert, ist für den erheblichen Anteil an Männern mit Farbfehlsichtigkeit unbrauchbar. Ein Symbol und ein Satz dazu kosten eine Zeile.

Bleibt der Fokusindikator. Gestalterinnen entfernen die voreingestellte Umrandung des Browsers häufig, weil sie das Design stört, und ersetzen sie durch nichts. Diese eine Entscheidung macht die gesamte Website per Tastatur unbenutzbar und ist der schwerste Fehler, den wir regelmäßig auf ansonsten sauberen Seiten finden.

Die Tastaturbedienung ist der schnellste Weg, eine Website zu beurteilen, und sie braucht weder ein Werkzeug noch Vorkenntnisse. Legen Sie die Maus zur Seite, drücken Sie wiederholt die Tabulatortaste und beobachten Sie. Wer jedes Bedienelement erreicht, immer sieht, wo er gerade ist, und nirgends hängen bleibt, hat eine Seite in brauchbarem Zustand.

Drei Dinge gehen in der Praxis schief. Die Reihenfolge springt, weil Elemente visuell positioniert statt im Markup geordnet wurden. Ein Dialog öffnet sich, und die Tabulatortaste wandert weiter durch die Seite dahinter, sodass der Schließen-Knopf nicht erreichbar ist. Und ein Menü, das sich nur bei Mausberührung öffnet, ist schlicht nicht bedienbar.

Es braucht außerdem eine Möglichkeit, wiederkehrende Blöcke zu überspringen. Bei einer Seite mit großem Kopfbereich drückt eine Person sonst auf jeder einzelnen Unterseite zwanzigmal Tab, bevor der Inhalt beginnt. Ein Sprunglink besteht aus wenigen Zeilen und gehört zu den wirksamsten Korrekturen überhaupt.

Für all das ist kein Screenreader nötig. Tab, Enter, Escape und die Pfeiltasten decken die meisten ernsten Probleme in unter zehn Minuten auf.

Formulare sind der Ort, an dem Barrieren unmittelbar Geld kosten, weil das Formular in aller Regel die Konversion selbst ist und nicht nur ein Schritt davor. Die Anforderungen dazu sind unspektakulär und kurz, und trotzdem verletzt fast jede kommerzielle Seite mindestens eine davon.

Jedes Feld braucht ein sichtbares Label, das sichtbar bleibt. Ein Platzhalter ist kein Label: Er verschwindet beim ersten Tastendruck und lässt jeden, der unterbrochen wurde, raten. Zusammengehörige Felder brauchen eine Gruppierung, damit ein Screenreader sie als Einheit ankündigt.

Fehlermeldungen müssen sagen, was zu tun ist, nicht was falsch war. "Ungültige Eingabe" hilft niemandem, "Datum bitte als TT.MM.JJJJ eingeben" schon. Die Meldung muss außerdem angekündigt, dem Feld zugeordnet und erreichbar sein, woran eine optisch schöne Fehlerübersicht am Seitenanfang oft scheitert.

Zeitlimits verdienen eine Erwähnung, weil sie unsichtbar sind, bis sie schaden. Ein Buchungsvorgang, der die Sitzung nach zehn Minuten beendet, schließt alle aus, die langsamer lesen oder einen Screenreader nutzen, und diese Gruppe braucht messbar länger.

Overlay-Werkzeuge wie AccessiBe oder UserWay, jene eingeblendeten Barrierefreiheits-Buttons, die gegen eine Monatsgebühr sofortige Gesetzeskonformität versprechen, verdienen eine deutliche Antwort. Sie werden seit Mitte 2025 aggressiv an Unternehmen vermarktet, die Prüfungen fürchten.

Sie stellen keine Barrierefreiheit her. Ein solches JavaScript-Overlay liegt lediglich über dem vorhandenen Markup und rät bei Bedeutungen, die es im DOM nicht sehen kann. Es weiß nicht, was ein unbeschriftetes Bild zeigt, kann keine logische Überschriftenstruktur ableiten und repariert keine benutzerdefinierten Komponenten, die aus bedeutungslosen divs ohne ARIA-Rollen gebaut wurden. Anpassungen von Schriftgröße und Kontrast können Besuchende ohnehin direkt im Browser vornehmen.

Automatische Prüfungen, und mehr kann ein Overlay nicht, finden nur einen Teil der Probleme: Selbst die großzügigste veröffentlichte Zahl, Deques eigene Abdeckungsstudie, kommt auf rund 57 % der Fehler. Tastaturfallen, unlogische Fokusreihenfolgen oder unangekündigte modale Dialoge bleiben für Screenreader-Nutzende unlösbare Barrieren. Zudem bieten Overlays keinerlei rechtlichen Schutz. Screenreader-Nutzende berichten seit Jahren öffentlich, dass Overlays ihre eigene Hilfssoftware blockieren, und mehr als 800 Fachleute raten im Overlay Fact Sheet ausdrücklich von ihnen ab. Entscheidend für Gerichte und Aufsichtsbehörden ist ausschließlich das saubere semantische Markup darunter.

In eine neue Website von Beginn an integriert kostet Barrierefreiheit €0 Aufpreis. Kontrastprüfung, Tastaturfokus, beschriftete Formulare und semantische HTML-Struktur sind bewusste Entwurfsentscheidungen und keine zusätzliche Entwicklungszeit. In unseren transparenten Preisen beginnt eine Landingpage bei €1.500 und eine vollständige Unternehmenswebsite bei €4.500, wobei Barrierefreiheit standardmäßig enthalten ist.

Die nachträgliche Sanierung einer bestehenden Website erfordert dagegen gezielten Aufwand. Reine Inhaltskorrekturen wie Alternativtexte und Textkontraste liegen typischerweise bei €500 bis €1.500. Müssen jedoch fehlerhafte Vorlagen überarbeitet, Fokusfallen beseitigt oder Komponenten aus reinen divs neu gebaut werden, bewegen sich die Kosten für eine gewachsene Unternehmenswebsite üblicherweise bei €1.500 bis €4.500.

Eine externe Expertenprüfung mit assistiver Technik auf einer mittelgroßen Website stellt für sich genommen einen vierstelligen Auftrag dar, weshalb die kostenlosen internen Prüfdurchgänge zuerst stattfinden sollten. Entscheidend bleibt das Nacharbeitsverhältnis: Ein Kontrastfehler in der Entwurfsdatei ist in fünf Minuten behoben, im fertigen Produktivcode erfordert er Arbeit an allen Vorlagen. Alle Beträge netto zuzüglich 19 % Umsatzsteuer.

Wer eine barrierefreie Website erstellen lassen will, steht vor einem Markt, in dem seit Mitte 2025 auffällig viele Anbieter das Thema plötzlich im Angebot führen, ohne dass die Prüftiefe dahinter vergleichbar wäre. Vier Fragen trennen die Spreu vom Weizen, und alle vier gehören schriftlich beantwortet.

Prüfen Sie mit assistiver Technik oder nur mit einem automatischen Werkzeug? Automatische Prüfungen finden nur einen Teil der echten Probleme, selbst nach der großzügigsten Studie nur gut die Hälfte. Wer ausschließlich ein Werkzeug laufen lässt, liefert eine saubere Liste und eine unbenutzbare Seite.

Setzen Sie ein Overlay ein? Wenn ja, fragen Sie, warum, und rechnen Sie die Monatsgebühr über drei Jahre hoch.

Ist die Prüfung im Angebot enthalten oder kommt sie danach? Das ist die Zeile, die viele Angebote scheinbar günstiger aussehen lässt.

Wer schreibt die Alternativtexte? Für einen Bildbestand von einigen hundert Aufnahmen ist das ein eigener Posten, und er bleibt sonst bei Ihnen hängen. Wie das in ein Gesamtprojekt passt, beschreibt unser Leitfaden zur Firmenwebsite.

Gesundheitsdienstleister unterliegen besonders strengen Anforderungen an Barrierefreiheit und Datenschutz, wie unser Leitfaden zur Praxis-Website zeigt.

Nutzen Sie unsere BFSG 2027 und WCAG 2.2 AA Checkliste, um Ihre Templates zu prüfen und barrierefreie Tokens in Ihrem Design System zu verankern.