Zum Inhalt springen

Unsere Referenzen für digitale Barrierefreiheit: Kompetenzfelder und Projektansatz

Wir zeigen unsere technischen Kompetenzfelder, unseren Projektansatz und typische Ausgangslagen, mit denen Unternehmen beim Thema Barrierefreiheit konfrontiert sind. Konkrete Projektergebnisse stellen wir vertraulich im persönlichen Gespräch vor.

WCAG-Audit ab 2.480 € Festpreis Behebung im Quellcode statt Overlay Eigene Erklärung zur Barrierefreiheit veröffentlicht

Kurz und einfach erklärt

Auf dieser Seite zeigen wir, was wir können und wie wir vorgehen. Es geht um Barrierefreiheit im Netz.

Barrierefrei heißt: Alle Menschen können eine Seite nutzen. Auch Menschen mit Behinderung.

Wir prüfen Webseiten nach den WCAG. Das sind Regeln für barrierefreie Webseiten. Wir beheben Fehler im Code. Wir schulen Teams und behalten Seiten im Blick.

Die Seite zeigt typische Fälle. Das sind Beispiele, keine echten Kunden.

Namen von Kunden nennen wir nicht. Mehr sagen wir Ihnen gern im vertraulichen Gespräch. Schreiben Sie uns oder rufen Sie uns an.

Kennzahlen

EN 301 549

europäische Norm als Prüfgrundlage

6

Kompetenzfelder

2013

Agentur gegründet

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. Unsere eigene Website bewerten wir selbst nach WCAG 2.2 AA; Stand und bekannte Einschränkungen stehen in unserer Erklärung zur Barrierefreiheit. Konkrete Projektergebnisse und Details stellen wir Ihnen gerne vertraulich im persönlichen Gespräch vor. Laufende Leistungen sind monatlich kündbar, eine Mindestlaufzeit gibt es nicht.

Beispiel-Prüfbericht
WCAG-2.2-AA-Audit einer Website
Prüfmaßstab WCAG 2.2 AA · Methodik nach WCAG-EM
AA
Zielstufe der Prüfung — Befunde je Prinzip, dem Erfolgskriterium zugeordnet und nach Schweregrad priorisiert
WahrnehmbarBedienbarVerständlichRobust
Befunde nach SeitentypBeispielwerte
StartseiteFormulareSuche
PrüfgrundlageEN 301 549europäische Norm
Berichtpriorisiertmit Lösungsvorschlag
WCAG-Audit Festpreisab 2.480 €
Nach der BehebungNachprüfung
Beispielhafter WCAG-2.2-AA-Prüfbericht: Prinzipien, Befunde nach Seitentyp und Prüfgrundlage auf einen Blick. Beispielhafte Darstellung — Werte illustrativ.

Unsere technischen Kompetenzfelder

Jedes Barrierefreiheitsprojekt ist anders, aber die technischen Herausforderungen lassen sich in wiederkehrende Kompetenzfelder einteilen. Die folgenden Felder zeigen, was unsere Leistung jeweils umfasst.

WCAG 2.2 AA Auditing

Systematische Prüfung aller Erfolgskriterien der Stufen A und AA mit automatisierter Messung (axe-core und eigene Messungen im Browser) und Bewertung je Kriterium. 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.

Tastatur und Screenreader-Ausgabe

Bedienung ohne Maus und Prüfung der Ausgabe für Screenreader, in der Desktop- und der Smartphone-Darstellung. 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. Benachrichtigung bei neu erkannten kritischen Befunden, regelmäßige manuelle Nachprüfungen; die Aktualisierung der Barrierefreiheitserklärung nach BFSG §14 bieten wir einzeln an (149 € netto).

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
  • Die Lösung steckt im Code selbst und hängt nicht an einem aktiven 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
Wirkt im Code, ohne Overlay-Skript

Prüfung von Tastatur und Screenreader-Ausgabe

Automatische Prüfwerkzeuge finden nur einen Teil der Barrieren. Deshalb prüfen wir in kritischen Pfaden zusätzlich, ob Überschriften, Formularfelder und dynamische Statusmeldungen so an die Zugänglichkeitsschnittstelle übergeben werden, dass Screenreader sie verständlich ansagen können.

  • Tastatur und Screenreader-Ausgabe auf Desktop und Smartphone
  • Fokus- und Vorlesereihenfolge im gesamten Kaufpfad
  • ARIA-Live-Regionen für dynamische Warenkorb- und Statusmeldungen
Tastatur und Screenreader-AusgabeDesktop und Mobil
Tastatur ohne Maus
Ausgabe für Screenreader
Fokus- und Vorlesereihenfolge im gesamten Kaufpfad
ARIA-Live-Regionen für Warenkorb- und Statusmeldungen
Messung plus Bewertungvolle Kaufpfad-Tiefe

Typische Projektszenarien

Die folgenden Szenarien beschreiben typische Ausgangssituationen bei Barrierefreiheitsprojekten und wie wir dabei vorgehen. Sie dienen der Veranschaulichung und verweisen nicht auf konkrete Kundenprojekte.

Typische Ausgangslagen und unser Vorgehen

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, Schwerpunkt Tastaturbedienung, Kontraste und Formular-Labels.
Ergebnis
Ziel: WCAG 2.2 AA erfüllen und die Barrierefreiheitserklärung nach BFSG §14 erstellen.
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
Ziel: kompletter Kaufpfad per Tastatur und mit Screenreader nutzbar.
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
Ziel: Echtzeit-Updates werden angesagt, komplexe Interaktionen sind nachvollziehbar bedienbar.

Beispiele, keine Kundenprojekte.

Unser Projektansatz

Jedes Barrierefreiheitsprojekt folgt bei uns einem strukturierten Prozess. 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 Leistungen richten sich an verschiedene Branchen und Projekttypen. Der technische Prüfmaßstab nach WCAG ist branchenübergreifend derselbe; für einzelne Dienstleistungen wie den elektronischen Geschäftsverkehr oder Bankdienstleistungen für Verbraucher stellt die BFSGV zusätzliche Anforderungen (§§ 17 und 19 BFSGV). Auch die praktischen 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.

Öffentliche Vergaben

Barrierefreiheit in öffentlichen Ausschreibungen: Bei Vergaben nach dem GWB sind für Leistungen, die von natürlichen Personen genutzt werden, die Zugänglichkeitskriterien für Menschen mit Behinderungen oder die Konzeption für alle Nutzer grundsätzlich in der Leistungsbeschreibung zu berücksichtigen (§ 121 Abs. 2 GWB). Für Bieter und Auftraggeber prüfen wir in der BITV-Prüfung nach Tabelle A.1 der EN 301 549.

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

Qualitätssicherung und Methodik unserer Arbeit

Die Qualität unserer Audit-Ergebnisse und Remediationsarbeit ist für uns nicht verhandelbar. Jeder Audit-Bericht hält den geprüften Stand mit Datum, Adressen und Bildschirmfotos fest, damit jeder Befund nachvollziehbar bleibt. Dieses Verfahren senkt das Risiko, dass Barrieren übersehen werden, und dient dazu, die Lösungsvorschläge auf technische Korrektheit und Praxistauglichkeit zu prüfen. Unsere Audit-Methodik folgt der WCAG-EM (Website Accessibility Conformance Evaluation Methodology) des W3C und der EN 301 549 Annex C, was unsere Ergebnisse nachvollziehbar und vergleichbar macht.

Bei der Remediation arbeiten wir auf Staging-Umgebungen: Jede Änderung wird getestet und validiert, bevor sie in die Produktion übernommen wird. Automatisierte Regressionstests helfen zu erkennen, ob Barrierefreiheitsverbesserungen bestehende Funktionen beeinträchtigen oder behobene Barrieren 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

  • Leistungen von Audit und Remediation bis Schulung und Monitoring — für Unternehmenswebsites, Webanwendungen und Online-Shops mit mehrstufigem Checkout
  • Prüfung nach WCAG 2.2 AA, WCAG-EM und EN 301 549, jeder Bericht mit festgehaltenem Stand
  • Barrieren werden im Quellcode behoben, nicht per JavaScript-Overlay — nachhaltig und ohne Zusatzskripte
  • Transparente Einstiegspreise: WCAG-Audit ab 2.480 €, Quick-Check für 490 €, laufendes Monitoring ab 49 € pro Monat (jeweils netto)
  • Unsere eigene Website bewerten wir selbst nach WCAG 2.2 AA; Stand und bekannte Einschränkungen stehen in unserer Erklärung zur Barrierefreiheit

Technologische Breite und Tiefe

Unsere Kompetenz umfasst ein breites 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 die Prüfung setzen wir axe-core und eigene Messungen ein, die jede Seite in einem Chromium-Browser über Playwright laden. Diese technologische Breite hilft uns, Lösungen zu wählen und umzusetzen, 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. So verbinden wir die Kenntnis der Normen mit den technischen Mitteln, 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: Erstaudit und Nachprüfung zeigen je Erfolgskriterium, was erfüllt ist und was offen bleibt. Offene Punkte können Aspekte betreffen, die nicht vollständig im Einflussbereich des Websitebetreibers liegen, etwa Drittanbieter-Widgets oder Einschränkungen des CMS.

Maßstäbe unserer Prüfungen

AA
Zielstufe nach WCAG 2.2
WCAG-EM
Prüfmethodik des W3C
Anhang C
Konformitätsermittlung nach EN 301 549

Über die normative Konformität hinaus kann Barrierefreiheitsoptimierung auch allgemeine Website-Metriken verbessern: Semantisches HTML und sauberer Code können die Rendering-Performance und damit die Core Web Vitals positiv beeinflussen. Verbesserte Formulare, klarere Navigation und eine logische Seitenstruktur können die Nutzererfahrung für alle Besucher verbessern. Der Lighthouse Accessibility Score ist dabei ein Hilfswert, kein Nachweis der Konformität.

Ihr Vorhaben im vertraulichen Gespräch

Kundennamen und Projektdetails veröffentlichen wir nicht. Im persönlichen Gespräch erläutern wir Ihnen Vorgehen, Aufbau des Prüfberichts und den Preisrahmen für Ihr Vorhaben. Kontaktieren Sie uns für ein vertrauliches Gespräch.

Auf einen Blick

WCAG 2.2 AA
EN 301 549
BFSG §14
BITV 2.0
PDF/UA · ISO 14289-1
axe-core · Playwright
Desktop · Smartphone
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.

So, wie die Adresse im Browser steht, mit oder ohne https://.

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

Freiwillig — festlegen müssen Sie sich damit nicht.

Stichworte genügen. Wenn Sie etwas schreiben, bitte mindestens 5 Zeichen.

Wie erreichen wir Sie?

Wir melden uns in der Regel innerhalb eines Werktages.

Ihr Name oder Ihr Nachname, mindestens 2 Zeichen.

Nur nötig, wenn Sie einen Rückruf wünschen.

Die Adresse, an die unsere Antwort gehen soll, mit @ und Domain.

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