Websites

Barrierefreie Websites: BFSG-konform, WCAG 2.2 AA, markenstark

Datum
13.08.2026
Lesedauer
8 Min.
Lukas Menges
Managing Partner Technology
 
Seit dem 28. Juni 2025 gilt das BFSG: Viele Unternehmen müssen digitale Angebote barrierefrei gestalten. Wir erklären, wer betroffen ist, welche WCAG-2.2-Kriterien zählen – und wie Audit, Umsetzung und Barrierefreiheitserklärung in der Praxis zusammenpassen. Für Marken heißt das: Inklusion, bessere UX und messbare Sichtbarkeit in Suche und KI-Antworten.
Barrierefreie Website: Tastaturbedienung, Screenreader und WCAG-konformes Design
Barrierefreie Websites nach BFSG und WCAG 2.2
Was sind barrierefreie Websites?

Eine barrierefreie Website ist so gestaltet, dass alle Menschen sie ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe nutzen können – unabhängig von körperlichen, sensorischen oder kognitiven Beeinträchtigungen. Das betrifft Screenreader, Tastaturbedienung, Kontraste, verständliche Sprache sowie Untertitel und Transkriptionen bei Multimedia.

Technischer Maßstab sind die Web Content Accessibility Guidelines (WCAG) 2.2 Level AA sowie in der EU die Norm EN 301 549. In Deutschland gelten zusätzlich das Barrierefreiheitsstärkungsgesetz (BFSG) für viele privatwirtschaftliche Angebote und die BITV 2.0 für öffentliche Stellen.

BFSG & EAA: Wer ist seit Juni 2025 verpflichtet?

Seit dem 28. Juni 2025 setzt das Barrierefreiheitsstärkungsgesetz (BFSG) den European Accessibility Act (EAA) in Deutschland um. Betroffen sind vor allem Unternehmen, die digitale Dienstleistungen für Verbraucher anbieten – etwa Online-Shops, Banken, Mobilfunkanbieter, Buchungsplattformen oder E-Book-Dienste.

Kleinstunternehmen mit weniger als zehn Mitarbeitenden und einem Jahresumsatz unter zwei Millionen Euro sind in der Regel ausgenommen – außer bei besonders relevanten digitalen Dienstleistungen. Öffentliche Stellen bleiben über BITV 2.0 bzw. Landesrecht verpflichtet.

Pflicht bedeutet konkret: die technischen Anforderungen erfüllen (Maßstab WCAG über EN 301 549), Nutzerfeedback ermöglichen und eine Barrierefreiheitserklärung bereitstellen. Bei Verstößen drohen Maßnahmen der Marktüberwachung bis hin zu Bußgeldern.

WCAG-2.2-Checkliste: Die wichtigsten Kriterien

Wer barrierefreie Websites ernsthaft umsetzen will, braucht prüfbare Kriterien – nicht nur Absichtserklärungen. Diese Checkliste deckt die Punkte ab, die in Audits und bei BFSG-Prüfungen am häufigsten scheitern:

  • Wahrnehmbar: Alt-Texte, Kontrast mindestens 4,5:1 für Fließtext, skalierbare Schrift, Untertitel/Transkriptionen.

  • Bedienbar: Vollständige Tastaturbedienung, sichtbarer Fokus, Skip-Links, keine Tastaturfallen.

  • Verständlich: Klare Überschriftenhierarchie, konsistente Navigation, aussagekräftige Fehlermeldungen in Formularen.

  • Robust: Semantisches HTML, korrekte ARIA nur wo nötig, kompatibel mit Screenreadern und aktuellen Browsern.

  • Nachweis: Dokumentiertes Audit, priorisierte Fixes und eine aktuelle Barrierefreiheitserklärung.

Wichtig: Accessibility-Overlays oder nachträglich eingebundene Widgets ersetzen keine strukturelle Umsetzung im Design und Code. Sie decken typischerweise weder Tastaturfallen noch fehlerhafte Semantik zuverlässig ab.

Typische Barrieren auf Websites

Viele Unternehmenswebsites sind für Menschen mit Behinderungen nur eingeschränkt nutzbar. Die häufigsten Schwachstellen:

  • Visuelle Barrieren: schwache Kontraste, nicht skalierbare Texte, fehlende Alternativtexte.

  • Fehlende Tastaturbedienbarkeit: Menüs, Modals und Formulare nur per Maus erreichbar.

  • Unstrukturierte Inhalte: keine sinnvolle Überschriftenreihenfolge, komplexe Formulare ohne Labels.

  • Multimedia ohne Alternative: Videos ohne Untertitel oder Transkription.

  • Fehlendes Feedback: keine klaren Fehlermeldungen und Korrekturhinweise in Formularen.

Wir gestalten Websites, die für alle zugänglich sind, ohne Kompromisse bei Design, Funktion oder Performance. Barrierefreiheit wird so Teil einer starken digitalen Marke – und erfüllt BFSG- und WCAG-Anforderungen nachweisbar.
Lukas Menges
Managing Partner Technology
Warum Barrierefreiheit mehr als Pflicht ist

Barrierefreie Websites senken rechtliche Risiken, erweitern die Zielgruppe und verbessern UX sowie SEO zugleich. Für Marken ist das kein Nebenprojekt, sondern Qualitätsstandard.

Beispiel für barrierefreies Webdesign mit klarer Struktur und ausreichenden Kontrasten

In Deutschland leben rund 10 Millionen Menschen mit Behinderungen. Hinzu kommen ältere Nutzerinnen und Nutzer sowie Menschen mit vorübergehenden Einschränkungen. Barrierefreie Websites machen Angebote für all diese Gruppen besser nutzbar und vergrößern die erreichbare Zielgruppe.

Klare Struktur, ausreichende Kontraste, verständliche Sprache und intuitive Navigation verbessern die Nutzung für alle – nicht nur für Menschen mit Behinderungen. Barrierefreiheit ist damit ein UX-Hebel für Conversion und Kundenzufriedenheit.

Saubere Überschriften, Alt-Texte, semantisches HTML und klare Antworten auf Nutzerfragen verbessern die Indexierung durch Suchmaschinen und die Zitierfähigkeit in KI-Antworten. Barrierefreie Struktur ist damit ein Ranking- und Sichtbarkeitsfaktor für SEO und GEO.

Die Einhaltung von BFSG, BITV 2.0 und EN 301 549 / WCAG schützt vor Abmahnungen, Aufsichtsmaßnahmen und Imageschäden. Besonders relevant ist das für E-Commerce, digitale Consumer Services und Unternehmen mit öffentlichen Aufträgen.

Unser Angebot: Audit, Umsetzung, Nachweis

Wir unterstützen Unternehmen dabei, bestehende Websites barrierefrei weiterzuentwickeln – von der Analyse über Design und Code bis zu Test, Dokumentation und nachhaltiger Redaktion.

Typische Deliverables: priorisiertes Audit nach WCAG 2.2 AA, UX-/Design-Anpassungen, technische Umsetzung, manuelle und automatisierte Tests sowie die Grundlage für eure Barrierefreiheitserklärung.

Wir prüfen eure Website anhand von WCAG 2.2, EN 301 549 und – wo relevant – BITV 2.0. Ergebnis ist ein priorisierter Maßnahmenkatalog mit klaren Handlungsempfehlungen. Als digitale Strategieberatung leiten wir daraus einen umsetzbaren Fahrplan ab.

Auf Basis des Audits entwickeln wir Lösungen, die Barrierefreiheit und User Experience verbinden: klare Hierarchien, ausreichende Kontraste, lesbare Typografie, flexible Darstellung und barrierefreie Navigation – ohne Markenqualität zu verwässern. Expertise aus Digital Branding fließt direkt ein.

Als Webagentur setzen wir Tastaturbedienung, Fokus-Management, Alt-Texte, semantische Struktur, barrierefreie Formulare und interaktive Komponenten um – im bestehenden System oder im Rahmen eines Relaunchs.

Nach der Umsetzung testen wir automatisiert und manuell: Tastatur, Screenreader, Kontraste und WCAG-2.2-AA-Kriterien. Wo sinnvoll, ergänzen wir BITV-nahe Prüfschritte. Ziel ist ein nachvollziehbarer Konformitätsstand – nicht nur ein Tool-Score.

Barrierefreiheit ist kein einmaliges Projekt. Neue Inhalte, Features und gesetzliche Updates erfordern laufende Checks, Redaktionsschulungen und ein klares Ownership-Modell – damit Konformität auch nach dem Go-live hält.

Häufige Fragen zu barrierefreien Websites

Eine barrierefreie Website erfüllt prüfbare Kriterien der WCAG (in der Praxis meist Level AA) und ist mit Screenreader, Tastatur und ausreichenden Kontrasten nutzbar. In der EU ist der Referenzrahmen EN 301 549; in Deutschland kommen BFSG bzw. BITV 2.0 hinzu.

Seit dem 28. Juni 2025 vor allem Anbieter digitaler Consumer Services wie Online-Shops, Banken, Telekommunikation, Ticketing oder E-Books. Kleinstunternehmen unter 10 Mitarbeitenden und unter 2 Mio. Euro Umsatz sind in der Regel ausgenommen – mit Ausnahmen.

Rechtlich referenziert EN 301 549 WCAG-Kriterien; Stand der Technik und empfohlene Praxis ist WCAG 2.2 AA. Wir planen und prüfen deshalb gegen WCAG 2.2 AA, damit neue Erfolgskriterien von Anfang an mitgedacht sind.

Nein. Overlays können einzelne Probleme abmildern, ersetzen aber keine korrekte Semantik, Tastaturbedienung oder inhaltliche Alternativen. Für BFSG-/WCAG-Konformität braucht es strukturelle Fixes in Design, Content und Code.

Status der Konformität, bekannte Einschränkungen, Feedback-Kanal und Angaben zur Erstellung/Aktualisierung. Wir unterstützen euch dabei, den technischen Stand so zu dokumentieren, dass die Erklärung belastbar ist.

Scope klären, automatisierte Scans und manuelle Tests (Tastatur, Screenreader, Kontrast), Befunde priorisieren, Maßnahmenroadmap und optional direkte Umsetzung inkl. Retest. Am Ende habt ihr einen nachvollziehbaren Status statt einer Tool-Punktzahl.

Ein fokussiertes Audit dauert oft wenige Tage bis zwei Wochen. Die Umsetzung hängt von System, Umfang und Design-Schuld ab – von gezielten Fixes in Wochen bis zu einem barrierefreien Relaunch über mehrere Monate.

Ja. Klare Struktur, Alt-Texte, semantisches HTML und direkte Antworten auf Nutzerfragen helfen klassischen Suchmaschinen und generativen Systemen, Inhalte zu verstehen und zu zitieren. Barrierefreiheit ist deshalb ein Sichtbarkeitsfaktor – nicht nur Compliance.

Lukas Menges
Lukas Menges
Managing Partner Technology
Lukas Menges
Lukas Menges
Managing Partner Technology
// Blog

Auch interessant

Websites
WordPress zu Headless Migration
Ein Wechsel von einer klassischen WordPress-Installation zu einer modernen Headless-Architektur ist für wachsende Unternehmen oft der entscheidende Schritt zu mehr Performance, Sicherheit und globaler Skalierbarkeit. Dieser Leitfaden erklärt detailliert, wann WordPress an seine Grenzen stößt, welche Vorteile Headless CMS wie Storyblok bieten und wie ein nahtloser Umzug gelingt.
UX Design Agentur
Komplexe Interfaces, sinkende Conversions, unklare Nutzerführung? Gute Produkte verdienen gute Nutzererlebnisse. Wer die Erwartungen seiner Zielgruppe nicht erfüllt, verliert sie. Deshalb ist UX-Design – kurz für User Experience Design – kein „Nice-to-have“, sondern ein echter Businesshebel. Als UX-Design Agentur denken wir digitale Erlebnisse ganzheitlich: von der Strategie über das visuelle Design bis zur technischen Umsetzung. Immer mit dem Ziel, Marken zu stärken und messbare Ergebnisse zu liefern.
Websites
Headless CMS
Digitale Experiences enden heute nicht mehr am Desktop-Bildschirm. Wer Kunden im Web, auf Mobile-Apps, auf Social Media oder im Store begeistern will, stößt mit klassischen Systemen schnell an Grenzen. Ein Headless CMS trennt das Backend vom Frontend und gibt eurer Marke die Freiheit, Inhalte flexibel, rasend schnell und plattformunabhängig auszuspielen.
Websites
TYPO3-migration
Jahrelang war TYPO3 der Goldstandard für komplexe, deutschsprachige Enterprise-Websites. Doch die digitale Welt hat sich verändert. Was früher Sicherheit bot, fühlt sich heute oft nach schwerfälligem Ballast an: teure Versions-Upgrades, veraltete Template-Engines und Redaktionsprozesse, die eure Marketingteams einbremsen.
W3 Web Street Journal

Erhalte unseren W3 Quartalsbericht mit Insights & Highlights aus Digitalprojekten, Agentur und Blicken über den digitalen Storytellerrand. Kostenlos und frei Haus direkt ins E-Mail-Postfach.