Zum Inhalt springen
BFSG-Compliance seit 2025

Unsere Referenzen für digitale Barrierefreiheit: Kompetenzfelder und Projektansatz

Über 50 abgeschlossene Barrierefreiheitsprojekte branchenübergreifend: Wir zeigen unsere technischen Kompetenzfelder, den bewährten Projektansatz und die Szenarien, die wir regelmäßig lösen. Konkrete Projektergebnisse stellen wir vertraulich im persönlichen Gespräch vor.

WCAG-Audit ab 2.480 € Festpreis 50+ abgeschlossene Projekte Diese Seite erfüllt selbst WCAG 2.2 AA

78

WCAG 2.2 AA Kriterien je Audit

50+

abgeschlossene Projekte

6

Kompetenzfelder

2013

Agentur gegründet

In über 50 Barrierefreiheitsprojekten haben wir ein breites Kompetenzspektrum aufgebaut. Von WCAG-2.2-Audits ab 2.480 € über die technische Remediation im bestehenden Code bis zu Schulungen und laufendem Monitoring ab 49 € pro Monat decken wir den gesamten Lebenszyklus der digitalen Barrierefreiheit ab. Seit das Barrierefreiheitsstärkungsgesetz (BFSG) am 28. Juni 2025 in Kraft ist, ist Barrierefreiheit für viele Unternehmen Pflicht. Wie ernst wir das nehmen, sehen Sie an dieser Website selbst: Sie erfüllt WCAG 2.2 AA — nachzulesen in unserer Barrierefreiheitserklärung. Konkrete Projektergebnisse und Details stellen wir Ihnen gerne vertraulich im persönlichen Gespräch vor.

Kompetenz in Zahlen
Über 50 Projekte digitaler Barrierefreiheit
Branchenübergreifend seit über einem Jahrzehnt · WCAG 2.2 AA als Maßstab
50+
abgeschlossene Barrierefreiheitsprojekte — von Shops über Unternehmenswebsites bis zu Portalen der öffentlichen Hand
E-CommerceUnternehmenFinanzenÖffentliche Hand
Projekte nach BrancheVerteilung
E-Comm.UnternehmenÖffentl.
Web-Erfahrung12 Jahreseit 2013 spezialisiert
Kompetenzfelder6Audit bis Monitoring
WCAG-Audit Festpreisab 2.480 €
Abgeschlossen50+ Projekte
Beispielhafter WCAG-2.2-AA-Prüfbericht: Konformität je Prinzip, Befunde nach Schweregrad und Prüfumfang auf einen Blick. Beispielhafte Darstellung — Werte illustrativ.

Unsere technischen Kompetenzfelder

Jedes Barrierefreiheitsprojekt ist anders, aber die technischen Herausforderungen lassen sich in wiederkehrende Kompetenzfelder einteilen. In jedem dieser Bereiche haben wir über die Jahre fundierte Erfahrung gesammelt und bewährte Lösungsansätze entwickelt.

WCAG 2.2 AA Auditing

Systematische Prüfung aller 78 Erfolgskriterien mit automatisierten Tools (axe-core, Lighthouse, Pa11y) und manueller Expertenbewertung. Prüfberichte mit priorisierten Handlungsempfehlungen und konkreten Lösungsvorschlägen.

Technische Remediation

Behebung von Barrieren in gängigen CMS- und Shopsystemen: Shopware Community Edition, gängige CMS-Plattformen und individuelle Frameworks. Semantisches HTML, ARIA, Fokusmanagement und Formularoptimierung.

Assistive-Technologie-Tests

Praxistests mit NVDA, JAWS und VoiceOver auf Desktop und Mobilgeräten. Reale Nutzerszenarien von der Navigation über Formulare bis zum vollständigen Kaufprozess in Online-Shops.

Team-Schulungen

Praxisorientierte Workshops für Entwickler (HTML, ARIA, Testing), Designer (Kontraste, Layouts, Fokus) und Content-Redakteure (Alt-Texte, Struktur, Sprache). Auf Ihre Technologie zugeschnitten.

Compliance-Monitoring

Automatisierte Dauerüberwachung mit axe-core und Pa11y-CI. Benachrichtigungen bei neuen Barrieren, regelmäßige manuelle Nachprüfungen und Aktualisierung der Barrierefreiheitserklärung nach BFSG §14.

Strategische Beratung

Analyse der BFSG-Pflichten, Erstellung priorisierter Roadmaps, Begleitung bei der Konformitätsdokumentation und langfristige Barrierefreiheitsstrategie für Unternehmen und Organisationen.

Vom Befund zur konformen Lösung

Remediation im Quellcode statt Overlay

Wir beheben Barrieren dort, wo sie entstehen: im HTML, in ARIA-Attributen, im CSS und in der Interaktion. Am Beispiel eines Checkout-Formulars sieht man den Unterschied zwischen einem typischen Ausgangszustand und der konformen Lösung — nachhaltig und ohne zusätzliche Skripte.

  • Fehlende Labels, zu geringe Kontraste und unsichtbarer Fokus werden strukturell gelöst
  • Fehlermeldungen als Text und ARIA-Rolle, nicht nur farblich
  • Ergebnis funktioniert dauerhaft, auch ohne aktives JavaScript-Overlay
Overlayaufgesetzt
Barriere nur per JavaScript überdeckt
Ohne aktives Skript wieder unzugänglich
Fehler weiter nur farblich markiert
VS
Quellcodestrukturell
Label, Kontrast und Fokus im HTML gelöst
Fehlermeldung als Text und ARIA-Rolle
Dauerhaft konform, auch ohne Overlay

Getestet mit echten assistiven Technologien

Automatische Prüfwerkzeuge finden nur einen Teil der Barrieren. Deshalb testen wir jeden kritischen Pfad zusätzlich mit den drei meistgenutzten Screenreadern und prüfen, ob Überschriften, Formularfelder und dynamische Statusmeldungen tatsächlich verständlich angesagt werden.

  • NVDA, JAWS und VoiceOver auf Desktop und Mobilgerät
  • Fokus- und Vorlesereihenfolge im gesamten Kaufpfad
  • ARIA-Live-Regionen für dynamische Warenkorb- und Statusmeldungen
Assistive Technologien im TestDesktop und Mobil
NVDA und JAWS · Windows
VoiceOver · macOS und iOS
Fokus- und Vorlesereihenfolge im gesamten Kaufpfad
ARIA-Live-Regionen für Warenkorb- und Statusmeldungen
Automatisiert plus manuellvolle Kaufpfad-Tiefe

Typische Projektszenarien

Die folgenden Szenarien beschreiben typische Ausgangssituationen, mit denen Unternehmen zu uns kommen. Sie illustrieren die Art der Herausforderungen, die wir regelmäßig lösen, ohne auf konkrete Kundenprojekte zu verweisen.

Anonymisierte Projektverläufe

Unternehmenswebsite
Ausgangslage
Zahlreiche WCAG-Befunde im Erstaudit, Konformität deutlich unter Stufe AA, Navigation nicht durchgängig per Tastatur bedienbar.
Maßnahme
Priorisierte Remediation im bestehenden Code über sechs Wochen, Schwerpunkt Tastaturbedienung, Kontraste und Formular-Labels.
Ergebnis
WCAG 2.2 AA weitgehend erfüllt, Barrierefreiheitserklärung nach BFSG §14 erstellt (Projekterfahrung).
Online-Shop
Ausgangslage
Mehrstufiger Checkout nicht per Tastatur abschließbar, Zahlungsformular in iframe, Warenkorb-Updates ohne Ansage.
Maßnahme
Semantische Formulare, durchgängiges Fokusmanagement und ARIA-Live-Regionen für Warenkorb und Statusmeldungen.
Ergebnis
Kompletter Kaufpfad mit Screenreader nutzbar, Abbruchpunkte im Checkout beseitigt (Projekterfahrung).
Webanwendung / Portal
Ausgangslage
Dashboard mit dynamischen Tabellen und Echtzeit-Updates ohne Statusansage für assistive Technologien.
Maßnahme
ARIA-Live-Regionen, korrektes Fokusmanagement bei clientseitigem Routing und saubere Tabellen-Semantik.
Ergebnis
Echtzeit-Updates werden angesagt, komplexe Interaktionen sind nachvollziehbar bedienbar (Projekterfahrung).

Illustrative Projektverläufe aus unserer Praxis (Projekterfahrung) — anonymisiert, ohne Kundenbezug und ohne Messwertversprechen.

Unser Projektansatz

Jedes Barrierefreiheitsprojekt folgt bei uns einem strukturierten Prozess, der sich in über 50 Projekten bewährt hat. Der Prozess ist modular aufgebaut: Je nach Ausgangssituation können einzelne Phasen übersprungen oder erweitert werden.

In einem kostenlosen Erstgespräch erfassen wir Ihre Ausgangssituation: Welche digitalen Produkte und Dienstleistungen bieten Sie an? Welche Technologien setzen Sie ein? Welche Barrierefreiheitsmaßnahmen wurden bereits umgesetzt? Daraus leiten wir eine erste Einschätzung des Handlungsbedarfs ab.

Branchen und Projekttypen

Unsere Barrierefreiheitserfahrung erstreckt sich über verschiedene Branchen und Projekttypen. Die Barrierefreiheitsanforderungen sind normativ identisch, aber die branchenspezifischen Herausforderungen variieren: Ein Online-Shop stellt andere Anforderungen als ein Kundenportal oder eine informative Unternehmenswebsite.

E-Commerce und Online-Shops

Barrierefreie Produktsuche, Filterung, Warenkorb, Checkout und Kundenkonto. Plattformen: Shopware CE, SaaS-Shopsysteme, CMS-basierte und individuelle Lösungen. Fokus auf den kritischen Kaufpfad und die Konformität mit dem BFSG.

Unternehmenswebsites

Barrierefreie Darstellung von Leistungen, Referenzen, Karriereseiten und Kontaktformularen. Plattformen: gängige CMS-Systeme und individuelle Lösungen. Fokus auf Semantik, Navigation und Formularbarrierefreiheit.

Webanwendungen und Portale

Barrierefreie Dashboards, Formulare, Tabellen, Konfigurationsseiten und Self-Service-Bereiche. Frameworks: React, Vue, Angular, Svelte. Fokus auf dynamische Inhalte, ARIA und Tastaturnavigation.

Öffentlicher Sektor

BITV 2.0 und BFSG-konforme Websites für Kommunen, Landesbehörden und öffentliche Einrichtungen. Besondere Anforderungen an Leichte Sprache, Gebärdensprachvideos und hohe Konformitätsstufen.

Gesundheitswesen

Barrierefreie Patientenportale, Terminbuchungssysteme und Informationsseiten für Kliniken, Arztpraxen und Gesundheitsdienstleister. Besondere Sensibilität für die Bedürfnisse älterer und chronisch kranker Nutzer.

Mehrsprachige Websites

Barrierefreiheitsoptimierung für mehrsprachige Websites mit korrekter Sprachauszeichnung (lang-Attribut), Hreflang-Konfiguration und sprachspezifischer Screenreader-Kompatibilität. DE/EN, DE/FR und weitere Kombinationen.

Sprechen wir über Ihr Barrierefreiheitsprojekt

Ob WCAG-Audit ab 2.480 €, Remediation im bestehenden Code oder laufendes Monitoring ab 49 € pro Monat — im kostenlosen Erstgespräch klären wir Ihren konkreten Handlungsbedarf. Vertraulich und ohne Verkaufsdruck.

Qualitätssicherung und Methodik unserer Arbeit

Die Qualität unserer Audit-Ergebnisse und Remediationsarbeit ist für uns nicht verhandelbar. Jeder Audit-Bericht wird nach dem Vier-Augen-Prinzip erstellt: Ein Auditor führt die Prüfung durch, ein zweiter Auditor überprüft die Ergebnisse auf Vollständigkeit und Korrektheit. Dieses Verfahren stellt sicher, dass keine Barriere übersehen wird und dass die Lösungsvorschläge technisch korrekt und praxistauglich sind. Unsere Audit-Methodik folgt der WCAG-EM (Website Accessibility Conformance Evaluation Methodology) des W3C und der EN 301 549 Annex C, was die Reproduzierbarkeit und Vergleichbarkeit unserer Ergebnisse sicherstellt.

Bei der Remediation arbeiten wir ausschließlich auf Staging-Umgebungen: Jede Änderung wird getestet und validiert, bevor sie in die Produktion übernommen wird. Automatisierte Regressionstests stellen sicher, dass die Barrierefreiheitsverbesserungen keine bestehenden Funktionen beeinträchtigen und dass behobene Barrieren nicht durch spätere Änderungen wieder eingeführt werden. Wir dokumentieren jede Änderung mit Vorher-Nachher-Vergleich, betroffenem WCAG-Kriterium und Erklärung der durchgeführten Maßnahme. Diese Dokumentation dient nicht nur der Nachvollziehbarkeit, sondern auch als Lernmaterial für Ihr Entwicklungsteam.

Unsere Position in drei Beiträgen

Wie wir Aufwand und Nutzen eines Projekts kalkulieren, legt der Beitrag zu Audit-Kosten und ROI offen. Warum wir Barrierefreiheit lieber früh einplanen als nachträglich reparieren, begründet der Beitrag zu Accessibility by Design. Und warum wir keine Widget-Lösungen anbieten, erklärt der Beitrag zu Accessibility-Overlays.

Das Wichtigste in Kürze

  • Über 50 abgeschlossene Barrierefreiheitsprojekte branchenübergreifend — von der Unternehmenswebsite bis zum Online-Shop mit mehrstufigem Checkout
  • Prüfung nach WCAG 2.2 AA, WCAG-EM und EN 301 549, jeder Bericht im Vier-Augen-Prinzip
  • Barrieren werden im Quellcode behoben, nicht per JavaScript-Overlay — nachhaltig und ohne Zusatzskripte
  • Transparente Einstiegspreise: WCAG-Audit ab 2.480 €, Quick-Check ab 490 €, laufendes Monitoring ab 49 € pro Monat (jeweils netto)
  • Diese Website erfüllt selbst WCAG 2.2 AA — der Nachweis steht in unserer Barrierefreiheitserklärung

Technologische Breite und Tiefe

Unsere Kompetenz erstreckt sich über das gesamte Spektrum moderner Webentwicklung. Auf Serverseite arbeiten wir mit gängigen CMS-Plattformen, Shopware Community Edition und individuellen Frameworks. Auf Clientseite beherrschen wir React, Vue, Angular und Svelte ebenso wie klassisches Server-Side-Rendering. Für das Testing setzen wir axe-core, Pa11y, Playwright, Lighthouse und die drei meistverwendeten Screenreader (NVDA, JAWS, VoiceOver) ein. Diese technologische Breite ermöglicht es uns, in jedem Projektkontext die richtigen Entscheidungen zu treffen und Lösungen zu implementieren, die zur bestehenden Architektur passen.

Besonders wichtig ist uns die Verbindung von Barrierefreiheitsexpertise und allgemeiner Webentwicklungskompetenz. Wir verstehen nicht nur, welche ARIA-Attribute ein Tab-Widget benötigt, sondern auch, wie die jeweilige Framework-spezifische Implementierung aussehen muss: Wie man Zustandsmanagement in React mit ARIA-Live-Regionen verbindet, wie Svelte-Stores für die Fokussteuerung genutzt werden können oder wie Vue-Transition-Hooks mit ARIA-Announcements synchronisiert werden. Diese tiefe technische Expertise unterscheidet unsere Arbeit von generischen Barrierefreiheitsberatungen, die zwar die Normen kennen, aber nicht die technischen Mittel, um sie in der Praxis umzusetzen.

Wie wir den Erfolg unserer Arbeit messen

Der Erfolg eines Barrierefreiheitsprojekts lässt sich an mehreren objektiven Kriterien messen. Der WCAG-Konformitätsgrad, also der Anteil der erfüllten Erfolgskriterien, gibt einen klaren Indikator: Vor der Remediation liegen unsere Kunden typischerweise bei 40 bis 60 Prozent Konformität, nach der Remediation bei über 95 Prozent (Projekterfahrung). Die verbleibenden Prozent betreffen häufig Aspekte, die nicht vollständig im Einflussbereich des Websitebetreibers liegen, etwa Drittanbieter-Widgets oder Einschränkungen des CMS (Projekterfahrung).

Zahlen aus unserer Projektarbeit

50+
abgeschlossene Projekte
95 %
Ø Konformität nach Remediation
(Projekterfahrung)
78
WCAG-Kriterien je Audit geprüft
3
Screenreader im Praxistest (NVDA, JAWS, VoiceOver)

Über die normative Konformität hinaus beobachten unsere Kunden regelmäßig Verbesserungen bei allgemeinen Website-Metriken: Der Lighthouse Accessibility Score steigt typischerweise auf über 95 von 100 Punkten. Core Web Vitals verbessern sich, da semantisches HTML und sauberer Code die Rendering-Performance positiv beeinflussen. Die Absprungrate sinkt, weil verbesserte Formulare, klarere Navigation und logische Seitenstruktur die allgemeine Nutzererfahrung verbessern. Diese Nebeneffekte der Barrierefreiheitsoptimierung machen sie zu einer der wirtschaftlich sinnvollsten Investitionen in die Website-Qualität (Projekterfahrung).

Konkrete Ergebnisse auf Anfrage

Aus Gründen der Vertraulichkeit veröffentlichen wir keine Kundennamen oder Projektdetails. Im persönlichen Gespräch stellen wir Ihnen gerne anonymisierte Fallbeispiele und, mit Einverständnis der Kunden, auch konkrete Referenzen vor. Kontaktieren Sie uns für ein vertrauliches Gespräch.
WCAG 2.2 AA
EN 301 549
BFSG §14
BITV 2.0
PDF/UA · ISO 14289-1
axe-core · Pa11y
NVDA · JAWS · VoiceOver
PAC 2024

Häufige Fragen zu unserer Arbeitsweise

So könnte Ihre barrierefreie Website aussehen

Drei Layoutentwürfe aus Bereichen mit besonderen Anforderungen an Barrierefreiheit. Sie zeigen Aufbau und Bedienung — die Einrichtungen darin sind erfunden.

Entwurf
Kommunaler Versorger

Kundenportal mit Selbstbedienung und Leichter Sprache

Ein Entwurf für ein Stadtwerke-Portal: Zählerstand melden, Abschlag ändern und Umzug eintragen liegen als sechs kurze Wege nebeneinander, das Formular prüft die Eingaben und stellt den Fehler als Text direkt an das Feld. Der Meldeweg bei Störungen steht in vier Schritten da, der Tarifvergleich als Tabelle mit beschrifteten Spalten und Zeilen. Schriftgröße und Leichte Sprache lassen sich im Kopf der Seite umschalten.

Leichte SpracheSchriftgrößeFormularprüfungStörungsmeldung
Entwurf
Hochschule

Fachbereich mit Studiengangfilter und Nachteilsausgleich

Ein Entwurf für einen Hochschulfachbereich: acht Studiengänge lassen sich nach Abschluss und Studienform filtern, zu jedem stehen Abschluss, Regelstudienzeit und Zulassung in derselben Reihenfolge. Die Bewerbung ist in vier Schritten beschrieben, ein eigener Abschnitt erklärt Nachteilsausgleich und Sprechzeiten der Beratung. Zur Barrierefreiheit auf dem Campus nennt der Entwurf Rampenneigung, induktive Höranlage und Bodenleitsystem — und was fehlt.

StudiengangfilterNachteilsausgleichCampus-AngabenUntertitel
Entwurf
Rehabilitationsklinik

Rehaklinik mit Antragsweg und nachprüfbaren Angaben

Ein Entwurf für eine Rehabilitationsklinik: drei Fachbereiche lassen sich durchschalten, der Weg vom ärztlichen Befundbericht über den Antrag beim Kostenträger bis zum Anreisetag steht in vier Schritten. Eine Woche im Haus ist als Tagesplan abgebildet, dazu Zimmer, Besuchszeiten und Angebote für Angehörige. Der Abschnitt zur Barrierefreiheit nennt Türbreiten, Aufzugsmaße und Notrufe statt einer pauschalen Zusage.

FachbereicheAntragswegWochenplanNachprüfbare Maße

Exemplarische Layoutentwürfe zur Veranschaulichung. Die gezeigten Betriebe sind erfunden; es handelt sich nicht um Kundenprojekte.

Worum geht es?

Ein Klick genügt — alles Weitere ist freiwillig.

Erzählen Sie kurz vom Projekt

Alle Angaben hier sind freiwillig.

Wann soll es losgehen? (optional)
Grober Budgetrahmen (optional)

Freiwillig — festlegen müssen Sie sich damit nicht.

Wie erreichen wir Sie?

Wir melden uns in der Regel innerhalb eines Werktages.

Mit dem Absenden stimmen Sie der Verarbeitung Ihrer Angaben zur Bearbeitung der Anfrage zu. Details in der Datenschutzerklärung.