Barrierefreie Website 2026: Pflichten, Standards und Umsetzung

Eine barrierefreie Website können alle Menschen nutzen, auch wenn sie schlecht sehen, nicht hören, keine Maus bedienen können oder komplexe Texte nur schwer verarbeiten. Seit dem 28. Juni 2025 ist das für viele Unternehmen in Deutschland keine Kür mehr: Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet unter anderem Onlineshops und andere Angebote im elektronischen Geschäftsverkehr, die sich an Verbraucher richten. In diesem Leitfaden zeigen wir Ihnen, ob Ihre Website betroffen ist, welche technischen Standards gelten, was bei Verstößen droht und wie Sie die Umstellung planbar umsetzen.

Kurz gesagt

• Pflicht seit 28. Juni 2025: Das BFSG gilt für bestimmte Produkte und Dienstleistungen, darunter E-Commerce für Endverbraucher. Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz sind bei Dienstleistungen ausgenommen.
• Technischer Maßstab: Die Norm EN 301 549 ist die zentrale Referenz. Für Websites verweist sie auf die Erfolgskriterien der WCAG 2.1.
• Verstöße kosten: Die Marktüberwachung fordert zuerst zur Korrektur auf, kann aber das Angebot untersagen und Bußgelder bis 100.000 € verhängen.
• Testen braucht Menschen: Automatische Prüftools finden nur einen Teil der Fehler. Tastatur- und Screenreader-Tests sind unverzichtbar.
• Mehr als Pflicht: Barrierefreiheit verbessert die Nutzbarkeit für alle und erschließt zusätzliche Kundengruppen.

Inhaltsverzeichnis

• Was eine barrierefreie Website ausmacht
• Für wen die Barrierefreiheit gesetzlich Pflicht ist
• Welche Standards eine barrierefreie Website erfüllen muss
• Was bei Verstößen passiert
• Die wichtigsten Anforderungen in der Praxis
• So wird Ihre Website barrierefrei: Schritt für Schritt
• Barrierefreiheit testen: Was Tools leisten und was nicht
• Warum sich Barrierefreiheit auch wirtschaftlich lohnt
• Unsere Sicht: Barrierefreiheit gehört ins Fundament
• Barrierefreie Websites mit URBANEE umsetzen
• Häufige Fragen zur Barrierefreiheit von Websites
• Quellen

Was eine barrierefreie Website ausmacht

Die Web Accessibility Initiative des W3C beschreibt Barrierefreiheit so: Websites und Werkzeuge sind so gestaltet, dass Menschen mit Behinderungen sie wahrnehmen, verstehen, navigieren und mit ihnen interagieren können. Das betrifft ganz unterschiedliche Einschränkungen:

• Sehen: Blinde Menschen nutzen Screenreader, die Inhalte vorlesen. Menschen mit Sehschwäche vergrößern die Ansicht stark oder brauchen kräftige Kontraste.
• Hören: Videos ohne Untertitel oder Transkript sind für gehörlose Menschen wertlos.
• Motorik: Wer keine Maus bedienen kann, steuert per Tastatur, Sprachsteuerung oder Schaltern.
• Kognition: Klare Sprache, eine logische Struktur und verständliche Fehlermeldungen helfen Menschen mit Lernschwierigkeiten, aber ebenso allen, die schnell etwas erledigen wollen.

Der Nutzen reicht weit über diese Gruppen hinaus. Laut W3C profitieren auch ältere Menschen, Personen mit vorübergehenden Einschränkungen wie einem gebrochenen Arm und alle Nutzer in schwierigen Situationen, etwa bei grellem Sonnenlicht auf dem Smartphone-Display. Die Landesfachstelle Barrierefreiheit bezeichnet Barrierefreiheit deshalb als Gewinn für alle Nutzenden.

Dahinter steht auch ein Grundrecht: Artikel 9 der UN-Behindertenrechtskonvention verlangt, dass Menschen mit Behinderungen gleichberechtigt Zugang zu Informations- und Kommunikationstechnologien haben, das Internet eingeschlossen. Die EU-Kommission leitet daraus ihre Regeln für barrierefreie Websites ab.

Für wen die Barrierefreiheit gesetzlich Pflicht ist

In Deutschland setzt das Barrierefreiheitsstärkungsgesetz die europäische Richtlinie (EU) 2019/882 um, den sogenannten European Accessibility Act. Ziel ist zweierlei: die Teilhabe von Menschen mit Behinderungen und einheitliche Regeln im EU-Binnenmarkt.

Nach Angaben der Bundesfachstelle Barrierefreiheit gilt das BFSG unter anderem für:

• Dienstleistungen im elektronischen Geschäftsverkehr, also Onlineshops und Websites, über die Verbraucher Verträge abschließen
• Bankdienstleistungen für Verbraucher
• E-Books und die zugehörige Software
• bestimmte Dienste der Personenbeförderung

Entscheidend ist das Wort Verbraucher. Ein reines B2B-Angebot fällt in der Regel nicht unter das BFSG. Die Pflicht greift, sobald Endkunden über Ihre Website etwas buchen, kaufen oder einen Vertrag schließen können.

Wer ausgenommen ist

Für Dienstleistungen gibt es eine wichtige Ausnahme: Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz müssen die Anforderungen nicht erfüllen. Beide Bedingungen müssen zusammenkommen.

Die Tabelle ersetzt keine Einzelfallprüfung. Gerade bei Mischformen, etwa einem B2B-Shop, in dem auch Privatpersonen bestellen können, oder bei Buchungsstrecken über Drittanbieter, lohnt sich ein kurzes Gespräch mit einer Fachanwältin oder einem Fachanwalt für IT-Recht, bevor Sie sich auf eine Ausnahme verlassen.

Öffentliche Stellen

Für Behörden und andere öffentliche Stellen gelten schon länger eigene Regeln: Die EU-Richtlinie über den barrierefreien Zugang zu Websites öffentlicher Stellen besteht seit Dezember 2016. Deutschland hat sie für Bund und Länder in eigenen Verordnungen umgesetzt. Dazu gehört auch die öffentliche Erklärung zur Barrierefreiheit, die von jeder Seite aus erreichbar sein muss.

Welche Standards eine barrierefreie Website erfüllen muss

Das Gesetz selbst nennt keine Pixelwerte oder Codezeilen. Den technischen Maßstab liefern Normen. Laut Bundesfachstelle Barrierefreiheit zu Normen und Standards ist die europäische Norm EN 301 549 derzeit die zentrale Referenz. Die Anforderungen an Websites stehen in Abschnitt 9 und verweisen auf die Erfolgskriterien der WCAG 2.1 (Web Content Accessibility Guidelines).

Die WCAG ordnen ihre Kriterien vier Grundprinzipien zu:

1. Wahrnehmbar: Inhalte sind für alle Sinne zugänglich, zum Beispiel durch Alternativtexte für Bilder und Untertitel für Videos.
2. Bedienbar: Alle Funktionen lassen sich ohne Maus nutzen, und niemand wird durch Zeitlimits ausgebremst.
3. Verständlich: Texte, Navigation und Formulare sind nachvollziehbar, Fehler werden klar erklärt.
4. Robust: Der Code ist sauber genug, damit Browser und Hilfstechnologien wie Screenreader ihn zuverlässig auslesen.

In der Praxis wird die Konformitätsstufe AA angestrebt. Wer heute neu entwickelt, orientiert sich sinnvollerweise schon an der neueren Fassung WCAG 2.2, die einige zusätzliche Kriterien enthält, etwa zu sichtbarem Fokus und zur Größe von Klickflächen. So bleibt Ihre Website auch dann konform, wenn die Normen nachziehen.

Was bei Verstößen passiert

Über die Einhaltung des BFSG wacht die Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen (MLBF). Das Verfahren läuft gestuft ab:

1. Aufforderung zur Korrektur: Stellt die Behörde Mängel fest, fordert sie Sie zunächst auf, diese zu beheben.
2. Untersagung: Bleibt die Website nicht konform, kann die Behörde die Erbringung der Dienstleistung untersagen. Für einen Onlineshop heißt das im Ernstfall: Der Verkauf an Verbraucher muss gestoppt werden.
3. Bußgeld: Ordnungswidrigkeiten können mit Geldbußen von bis zu 100.000 € geahndet werden.

Hinzu kommt ein Risiko, das viele unterschätzen: Beschwerden von Kunden und Verbänden. Eine nicht bedienbare Kasse ist nicht nur ein Rechtsproblem, sondern verärgert genau die Menschen, die bei Ihnen kaufen wollten.

Die wichtigsten Anforderungen in der Praxis

Die WCAG umfassen viele Erfolgskriterien. Aus unseren Projekten wissen wir, dass sich die meisten Probleme auf wenige Bereiche konzentrieren. Diese Übersicht hilft Ihnen bei einer ersten Selbsteinschätzung:

Im Onlineshop sind laut einem Praxis-Handout der Bundesfachstelle vor allem drei Punkte zentral: Funktionen müssen per Tastatur erreichbar und bedienbar sein, Kontraste müssen stimmen, und Struktur und Orientierung müssen klar sein. Besonders kritisch ist die gesamte Kaufstrecke: Warenkorb, Login, Adressformular, Zahlungsauswahl und Bestätigung. Fällt hier ein einziger Schritt aus, scheitert der ganze Kauf.

Externe Elemente nicht vergessen

Viele Barrieren stammen nicht aus dem eigenen Code, sondern von eingebundenen Diensten: Zahlungsanbieter, Buchungs-Widgets, Karten, Chat-Fenster oder Bewertungs-Plugins. Prüfen Sie diese genauso streng wie Ihre eigenen Seiten und fragen Sie Ihre Anbieter aktiv nach deren Barrierefreiheit.

So wird Ihre Website barrierefrei: Schritt für Schritt

Die Bundesfachstelle beschreibt für Onlineshops einen Vier-Stufen-Plan aus initialem Audit, Schulungen der Teams, Optimierung der Arbeitsabläufe und Umsetzung. Wir haben diesen Ansatz für die Praxis von KMU konkretisiert:

1. Betroffenheit klären: Prüfen Sie, ob Ihr Angebot unter das BFSG fällt und ob die Kleinstunternehmen-Ausnahme greift.
2. Audit durchführen: Lassen Sie die wichtigsten Seitentypen prüfen: Startseite, Kategorieseite, Produktseite, Formulare, Warenkorb und Checkout. Das Ergebnis ist eine priorisierte Mängelliste.
3. Prioritäten setzen: Zuerst kommt alles, was Nutzer komplett blockiert, etwa ein nicht per Tastatur bedienbarer Bestellbutton. Danach folgen Kontraste, Alternativtexte und Feinschliff.
4. Design und Code anpassen: Farben, Fokuszustände, Komponenten und Formulare werden überarbeitet. Bei veralteten Systemen ist ein Neuaufbau oft wirtschaftlicher als ein Flickenteppich.
5. Team schulen: Wer Inhalte pflegt, muss wissen, wie man Alternativtexte schreibt, Überschriften korrekt setzt und verständliche Linktexte formuliert.
6. Abläufe verankern: Barrierefreiheit gehört in jede neue Kampagne, jede neue Landingpage und jedes Update. Eine kurze Checkliste vor dem Livegang verhindert neue Fehler.
7. Regelmäßig nachtesten: Inhalte und Plugins ändern sich laufend. Planen Sie feste Prüfintervalle ein.

Steht ohnehin ein Relaunch an, ist das der ideale Zeitpunkt. Wie Sie dabei Ihre Sichtbarkeit behalten, erklären wir im Beitrag zum Website-Relaunch mit SEO. Mit welchem Budget Sie für eine neue Website rechnen sollten, zeigt unser Überblick zu Webdesign-Kosten in Deutschland.

Barrierefreiheit testen: Was Tools leisten und was nicht

Automatische Prüfwerkzeuge, etwa Browser-Erweiterungen oder Funktionen in Entwicklertools, sind ein guter Einstieg. Sie finden schnell technische Fehler wie fehlende Alt-Attribute, zu geringe Kontraste, leere Links oder fehlende Formular-Labels. Was sie nicht beurteilen können:

• ob ein Alternativtext ein Bild sinnvoll beschreibt
• ob die Reihenfolge beim Tabben logisch ist
• ob ein Dialog den Fokus korrekt setzt und wieder freigibt
• ob Fehlermeldungen verständlich sind
• ob Texte für die Zielgruppe klar formuliert sind
• ob der gesamte Kaufprozess mit Screenreader tatsächlich funktioniert

Ein grüner Haken im Tool heißt deshalb nicht, dass die Website barrierefrei ist. Die Fachstellen raten ebenfalls davon ab, sich auf Tests per Knopfdruck zu verlassen, und verweisen auf die WCAG als Bezugsquelle.

Ein einfacher Selbsttest in 15 Minuten

Sie können sofort selbst prüfen, wo Ihre Website steht:

1. Legen Sie die Maus beiseite und bedienen Sie Ihre Website nur mit Tab, Umschalt+Tab, Enter und Leertaste. Kommen Sie bis zur Bestellbestätigung?
2. Zoomen Sie im Browser auf 200 %. Bleibt alles lesbar und bedienbar?
3. Schalten Sie den integrierten Screenreader Ihres Geräts ein (VoiceOver auf dem Mac und iPhone, Narrator unter Windows, TalkBack unter Android) und hören Sie sich Ihre Startseite an.
4. Füllen Sie Ihr Kontaktformular absichtlich falsch aus. Verstehen Sie die Fehlermeldung, ohne auf Farben zu achten?

Was dieser Test aufdeckt, ist meist schon ein großer Teil der kritischen Barrieren. Für eine belastbare Aussage zur Konformität braucht es anschließend eine systematische Prüfung durch Fachleute.

Vorsicht bei Overlay-Lösungen

Am Markt werden Plug-ins angeboten, die per Skript eine Werkzeugleiste mit Schriftgröße und Kontrastmodus einblenden und Barrierefreiheit per Klick versprechen. Solche Overlays beheben die Ursachen im Code nicht. Fehlende Labels, falsche Strukturen und nicht bedienbare Komponenten bleiben bestehen, und manche Hilfstechnologien kommen mit den Overlays sogar schlechter zurecht. Nachhaltig ist nur die Korrektur an der Quelle.

Warum sich Barrierefreiheit auch wirtschaftlich lohnt

Die EU-Kommission betont, dass Unternehmen mit barrierefreien Angeboten einen größeren, bisher unerschlossenen Kundenstamm erreichen. Dazu kommen Effekte, die sich direkt in Ihren Zahlen zeigen:

• Bessere Conversion: Klare Formulare, eindeutige Buttons und verständliche Fehlermeldungen senken Abbrüche für alle Nutzer. Mehr dazu lesen Sie in unserem Leitfaden zur Conversion-Rate-Optimierung.
• Stärkere SEO-Grundlage: Saubere Überschriftenstruktur, aussagekräftige Alternativtexte und semantisches HTML helfen Suchmaschinen ebenso wie Screenreadern.
• Bessere mobile Nutzung: Große Klickflächen und gut lesbare Kontraste machen die Bedienung unterwegs leichter.
• Zugängliche Kommunikation: Auch Service-Elemente wie Chat-Fenster müssen per Tastatur und Screenreader nutzbar sein. Wer über den Einsatz eines Website-Chatbots nachdenkt, sollte die Zugänglichkeit des Widgets von Anfang an in die Auswahl einbeziehen.

Unsere Sicht: Barrierefreiheit gehört ins Fundament

Wir entwickeln Websites und Webanwendungen mit CMS, Buchungssystemen, eigenen Admin-Bereichen und Automatisierungen. Dabei sehen wir immer wieder: Barrierefreiheit wird teuer, wenn sie nachträglich auf eine fertige Website aufgesetzt wird. Wird sie von Anfang an mitgedacht, ist sie vor allem eine Frage sauberer Arbeit.

Deshalb behandeln wir sie genauso wie technische SEO und schnelle Ladezeiten: als Teil des Fundaments Ihrer digitalen Präsenz, nicht als Zusatzmodul. Ein durchdachtes Farbsystem mit ausreichenden Kontrasten, wiederverwendbare Komponenten mit korrektem Fokusverhalten und ein CMS, das Redakteure zu Alternativtexten und sauberen Überschriften anleitet, bringen mehr als jede nachträgliche Reparatur.

Unsere Empfehlung an KMU und Startups: Warten Sie nicht, bis die Marktüberwachung oder ein verärgerter Kunde auf Sie zukommt. Nutzen Sie die nächste Überarbeitung Ihrer Website, um Barrierefreiheit, Performance und Nutzerführung in einem Schritt zu verbessern. Das Ergebnis ist eine Website, die mehr Menschen erreicht und besser verkauft.

— URBANEE

Barrierefreie Websites mit URBANEE umsetzen

Ob Onepager, Unternehmenswebsite, Landingpage oder individuelle Plattform: Wir verbinden Webentwicklung, Design und digitales Marketing und berücksichtigen technische SEO, schnelle Ladezeiten und eine zugängliche Bedienung von Beginn an. Sie erhalten persönliche Betreuung, einen klaren Leistungsumfang und nach dem Erstgespräch ein Festpreisangebot.

Sie möchten wissen, wo Ihre Website heute steht und welcher Weg für Sie sinnvoll ist, Optimierung oder Neuaufbau? Lassen Sie uns über Ihre Website sprechen. Einen Überblick über die technischen Grundlagen finden Sie außerdem in unserem Beitrag zu den Grundlagen der Webentwicklung.

Häufige Fragen zur Barrierefreiheit von Websites

Ist Barrierefreiheit für meine Website gesetzlich vorgeschrieben?

Das hängt von Ihrem Angebot ab. Seit dem 28. Juni 2025 verpflichtet das BFSG unter anderem Anbieter im elektronischen Geschäftsverkehr, die sich an Verbraucher richten, etwa Onlineshops. Reine Informationsseiten und B2B-Angebote fallen in der Regel nicht darunter, öffentliche Stellen haben eigene Vorgaben.

Muss ich als kleines Unternehmen meine Website barrierefrei machen?

Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz sind bei Dienstleistungen von den BFSG-Anforderungen ausgenommen. Sobald Sie eine der beiden Grenzen überschreiten, gilt die Pflicht. Unabhängig davon lohnt sich Barrierefreiheit, weil sie die Nutzbarkeit für alle Kunden verbessert.

Was passiert, wenn meine Website nicht barrierefrei ist?

Die Marktüberwachungsstelle der Länder fordert zunächst zur Korrektur auf. Werden die Mängel nicht behoben, kann sie die Dienstleistung untersagen. Zusätzlich sind Bußgelder von bis zu 100.000 € möglich.

Reicht ein automatischer Test oder ein Barrierefreiheits-Plug-in aus?

Nein. Automatische Tools finden nur einen Teil der technischen Fehler und können zum Beispiel nicht beurteilen, ob Alternativtexte sinnvoll sind oder der Checkout per Screenreader funktioniert. Overlay-Plug-ins beheben die Ursachen im Code nicht, daher sind manuelle Tests und Korrekturen an der Quelle notwendig.

Welcher Standard gilt für barrierefreie Websites?

Zentrale Referenz ist die europäische Norm EN 301 549, deren Abschnitt 9 auf die Erfolgskriterien der WCAG 2.1 verweist. In der Praxis wird die Stufe AA angestrebt. Bei neuen Projekten empfehlen wir, bereits die Kriterien der WCAG 2.2 zu berücksichtigen.

Quellen

• W3C WAI: Einführung in das barrierefreie Web
• Landesfachstelle Barrierefreiheit: Barrierefreie Webseite
• EU-Kommission: Barrierefreiheit im Web
• Bundesfachstelle Barrierefreiheit: Barrierefreiheitsstärkungsgesetz
• Bundesfachstelle Barrierefreiheit: Normen und Standards
• Bundesfachstelle Barrierefreiheit: Handout Praxisbeispiel Onlineshop
• MLBF: Fragen und Antworten zum Barrierefreiheitsstärkungsgesetz

Empfehlungen

• Webdesign Kosten: Was eine Website in Deutschland 2026 wirklich kostet
• Core Web Vitals optimieren 2026: LCP, INP & CLS für bessere Rankings
• Website-Relaunch mit SEO: So sichern Sie Ihre Rankings
• Schema Markup für SEO: Was strukturierte Daten 2026 bringen