🇬🇧
Barrierefreie Softwareentwicklung – WCAG 2.2, Screenreader-Tests und differenzierte BFSG-Einordnung

Barrierefreie Softwareentwicklung: WCAG 2.2, EN 301 549 und BFSG

Barrierefreie Web-Apps und Software nach WCAG 2.2 AA: Audit, Umsetzung und Testing. Ob BFSG, BITV oder EN 301 549 gelten, wird separat nach Produkt, Dienstleistung und Zielgruppe eingeordnet.

Für mittelständische Unternehmen: Accessibility-Audits, barrierefreie Web-Apps und Screenreader-Tests – technisch belastbar und passend zum gesetzlichen Anwendungsbereich – Entwicklung und Projektführung Made in Germany in Leer/Ostfriesland, feste Ansprechpartner, keine Offshore-Deckungslücken.

WCAG 2.2 AA · EN 301 549 · BFSG · Made in Germany
  • 250+ umgesetzte Projekte
  • 5,0 Sterne bei Google
  • 100 % Entwicklung in Deutschland

WCAG 2.2 und BFSG — Technik und gesetzlicher Anwendungsbereich

Seit dem 28. Juni 2025 gilt das BFSG für bestimmte Produkte und verbraucherbezogene Dienstleistungen, darunter je nach Ausgestaltung Online-Shops, digitale Bank- und Telekommunikationsdienste. Wir verwenden WCAG 2.2 Level AA als aktuellen technischen Prüf- und Entwicklungsstandard. Gesetzlicher Anwendungsbereich und anwendbare Normen — etwa EN 301 549, BFSG oder BITV im öffentlichen Sektor — werden separat betrachtet. Übergangsregelungen bis 2030 betreffen nur bestimmte Konstellationen und gelten nicht pauschal für jede Bestandssoftware.

Primärquellen für die Einordnung sind der WCAG-Überblick des W3C sowie der amtliche BFSG-Anwendungsbereich und die Übergangsbestimmungen in § 1 BFSG und § 38 BFSG.

Barrierefreiheit macht Software für Menschen mit Seh-, Hör-, motorischen oder kognitiven Einschränkungen nutzbar und verbessert zugleich die Bedienbarkeit in vielen Alltagssituationen. Wir unterstützen bei Audit, Umsetzung und CI/CD-Integration. Für die technische Absicherung verbinden wir risikobasierte Softwaretests mit zugänglichem UX-Design; Datenschutzanforderungen werden in der DSGVO-konformen Softwareentwicklung separat betrachtet.

Unsere Leistungen für barrierefreie Software

Barrierefreiheits-Audit (WCAG 2.2 / EN 301 549)

Wir prüfen Ihre bestehende Web-Anwendung systematisch gegen vereinbarte WCAG-2.2-AA-Kriterien: automatisiert mit axe-core und Lighthouse sowie manuell mit Screenreader, Tastaturnavigation und Kontrast-Check. Das Ergebnis ist ein priorisierter Mängelbericht mit konkreten Umsetzungsvorschlägen und Aufwandsschätzung pro Mängelkategorie. Er dokumentiert technische Befunde, ist jedoch kein behördliches Zertifikat oder pauschaler Rechtsnachweis.

Barrierefreiheits-Entwicklung

Wir entwickeln neue Anwendungen von Anfang an barrierefrei – auf Basis unserer individuellen Softwareentwicklung – oder setzen Audit-Ergebnisse in bestehenden Systemen um: semantisches HTML, ARIA-Attribute, Fokus-Management, Tastaturnavigation, ausreichende Kontraste und korrekte Alt-Texte. Für React/Next.js-Anwendungen integrieren wir axe-core als Linting-Regel und in die CI/CD-Pipeline, damit Barrierefreiheits-Regressionen automatisch erkannt werden.

BFSG-Konformitätserklärung

Wo eine Barrierefreiheitsinformation oder Erklärung erforderlich oder sinnvoll ist, liefern wir die technische Grundlage: dokumentierter Prüfstand, bekannte Barrieren, Maßnahmen und Prüfumfang. Ob und in welcher Form eine Erklärung gesetzlich erforderlich ist, sollte für das konkrete Angebot rechtlich geprüft werden; wir unterstützen mit VPAT-orientierter Dokumentation, nicht mit einer Rechtsbescheinigung.

Testing mit assistiven Technologien

Automatisierte Prüfungen erfassen nur maschinell erkennbare Barrieren. Wir ergänzen sie durch manuelle Tests mit Screenreadern (NVDA/Firefox, VoiceOver/Safari), Sprachsteuerung und Tastatur-only-Navigation – eingebettet in unser Software Testing und QA. Befunde enthalten betroffene Ansicht, Erfolgskriterium, Schweregrad, Reproduktionsschritte und Abhilfe. Nach der Umsetzung testen wir die priorisierten Punkte erneut und dokumentieren offene Restrisiken, etwa bei Fokus-Reihenfolge oder ARIA-Live-Regions. Der Re-Test grenzt behobene, teilweise behobene und noch offene Befunde nachvollziehbar voneinander ab.

Barrierefreiheits-Audit

WCAG 2.2 AA-Prüfung mit axe-core, Screenreader und Kontrastcheck – priorisierter Mängelbericht mit Umsetzungskosten.

Accessible Development

Semantisches HTML, ARIA, Fokus-Management und Tastaturnavigation – für React, Next.js und andere Frameworks.

CI/CD-Integration

axe-core in Ihrer Pipeline – Barrierefreiheits-Regressionen werden automatisch im Build erkannt.

BFSG-Konformitätserklärung

Technische Grundlage für Accessibility Statement und VPAT – abgestimmt auf Prüfumfang und anwendbaren Rechtsrahmen.

Häufige Fragen (FAQ)

  • Was ist das BFSG und wen betrifft es?
    Das Barrierefreiheitsstärkungsgesetz (BFSG) setzt den European Accessibility Act (EAA) in Deutschland um und gilt seit dem 28. Juni 2025 für bestimmte Produkte und verbraucherbezogene Dienstleistungen. Dazu können unter anderem Online-Shops, digitale Bankdienstleistungen, Telekommunikationsdienste, E-Books und Teile der Personenbeförderung gehören. Übergangsregelungen gelten nicht pauschal für jedes bestehende System bis 2030, sondern nur für bestimmte Konstellationen. Auch Ausnahmen, etwa für bestimmte Dienstleistungen von Kleinstunternehmen, müssen am konkreten Angebot geprüft werden. Wir analysieren den technischen Anwendungsbereich; eine verbindliche rechtliche Einordnung ersetzt das nicht.
  • Was bedeutet WCAG 2.2 AA für Software-Entwickler?
    WCAG 2.2 Level AA ist unser aktueller Prüf- und Entwicklungsstandard für barrierefreie Webanwendungen. Er baut auf WCAG 2.1 auf und umfasst die Prinzipien wahrnehmbar, bedienbar, verständlich und robust: unter anderem Alt-Texte, Untertitel, ausreichende Kontraste, Tastaturbedienung, sichtbaren Fokus, klare Formulare und kompatibles Markup. Für React/Next.js bedeutet das semantische HTML-Elemente, gezielte ARIA-Attribute, Fokus-Management bei Modals und Navigation sowie Tests mit NVDA oder VoiceOver. Welche Norm oder gesetzliche Vorgabe verbindlich ist, etwa EN 301 549, BITV oder BFSG, wird davon getrennt geprüft.
  • Wie wird Barrierefreiheit in React-Anwendungen umgesetzt?
    Barrierefreiheit in React-Anwendungen erfordert mehrere Ebenen: Erstens semantisches HTML – die richtigen HTML-Elemente für Buttons, Überschriften, Listen und Formulare verwenden statt alles in Divs zu packen. Zweitens ARIA-Attribute – aria-label, aria-expanded, aria-live-Regions für dynamische Inhalte und aria-describedby für Hilfetexte. Drittens Fokus-Management – bei modalen Dialogen, SPA-Navigation und Benachrichtigungen muss der Fokus korrekt gesetzt werden. Viertens Tastaturnavigation – alle interaktiven Elemente müssen per Tab erreichbar und per Enter/Space bedienbar sein. Tools wie axe-core, Lighthouse und manuelle Screenreader-Tests (NVDA/Windows, VoiceOver/Mac) ergänzen die Entwicklungszeit. Wir integrieren axe-core in CI/CD-Pipelines, damit Barrierefreiheits-Regressionen automatisch erkannt werden.
  • Was kostet ein Barrierefreiheits-Audit und die anschließende Umsetzung?
    Der Barrierefreiheits-Kostenrechner weist 2.856 – 82.334 € zzgl. MwSt. als unverbindliche Gesamtspanne aus. Darin werden automatisierte Tests mit axe-core und Lighthouse, manuelle Prüfungen mit Screenreader, Tastaturnavigation und Kontrast-Check sowie ein priorisierter Mängelbericht berücksichtigt. Der konkrete Wert hängt von Anwendungsgröße, bestehender technischer Schuld und Nachbesserungsumfang ab. Bei Neuentwicklungen planen wir Barrierefreiheit von Anfang an als feste Qualitätskategorie in der Definition of Done ein.
  • Kann Barrierefreiheit nachträglich eingebaut werden?
    Ja, aber es ist teurer als von Anfang an einzuplanen. Nachträgliche Barrierefreiheit kostet typisch 2–5× mehr als 'built-in'. Wir führen WCAG-Audits bestehender Software durch und priorisieren Maßnahmen nach Aufwand und Compliance-Risiko.
  • Welche Tools prüfen Barrierefreiheit automatisch?
    axe DevTools, WAVE und Lighthouse prüfen bekannte maschinell erkennbare Fehler. Je nach Anwendung erfassen automatisierte Tests nur einen Teil der Barrieren; deshalb ergänzen wir Screenreader-Tests mit NVDA und VoiceOver, Tastaturtests und fachliche Sichtprüfung. Das liefert einen nachvollziehbaren Findings-Report, ist aber keine automatische Garantie vollständiger Compliance oder ein behördliches Zertifikat.
  • Wie lange dauert die barrierefreie Neuentwicklung einer App?
    Barrierefreie Entwicklung dauert ca. 10–15 Prozent länger als Standard-Entwicklung. Grund: zusätzliche Testschritte, ARIA-Attribute und Designentscheidungen für Barrierefreiheit. Der Mehraufwand amortisiert sich durch fehlende Nacharbeit und Compliance-Sicherheit.

Barrierefreiheit als Wettbewerbsvorteil und Compliance-Pflicht

Barrierefreie Software ist für viele Angebote fachlich und wirtschaftlich sinnvoll; für bestimmte Produkte und verbraucherbezogene Dienstleistungen gelten seit Juni 2025 zudem BFSG-Anforderungen. WCAG 2.2 AA dient uns als aktueller technischer Maßstab. Wer früh investiert, reduziert Nachbesserungsrisiken und erschließt Zielgruppen, die sonst ausgeschlossen werden.

Barrierefreiheit hilft nicht nur Menschen mit Behinderungen. Sie verbessert die Usability für alle: ältere Nutzer, Menschen mit temporären Einschränkungen (gebrochene Hand, Sonnenblendung) und Nutzer auf kleinen Bildschirmen. Gutes semantisches HTML verbessert außerdem SEO-Rankings und Screenreader-Performance.

  • WCAG 2.2 AA: aktueller Prüf- und Entwicklungsstandard für wahrnehmbare, bedienbare, verständliche und robuste Software
  • Tastaturnavigation: alle Funktionen ohne Maus bedienbar
  • Farbkontraste: mindestens 4,5:1 für normalen Text nach WCAG AA
  • ARIA-Attribute: Screenreader-kompatible Markup-Struktur für alle interaktiven Elemente
  • Automatisiertes Testing: axe, WAVE und Lighthouse in CI/CD-Pipeline integriert
  • Manuelle Prüfung: NVDA und VoiceOver Tests vor jedem Release

Wir entwickeln barrierefreie Software von Anfang an und führen WCAG-Audits für bestehende Systeme durch. Sprechen Sie uns an für einen kostenlosen Erstcheck Ihrer wichtigsten Seiten.

Abgrenzung: Barrierefreie Software vs. allgemeine IT-Beratung

Diese Seite fokussiert WCAG, BFSG und barrierefreie Softwareentwicklung – nicht die breite Architektur- und Digitalberatung auf IT- & Digitalberatung. Umsetzung von Apps und Plattformen: Softwareentwicklung.

Übersicht: Beratung & Strategie.

Passende Entscheidungswege und angrenzende Themen

Übersicht aller Leistungen: Beratung & Strategie (Übersicht)

Weitere Leistungen zu Beratung & Strategie

Angrenzende Leistungskategorien

Kurz zur Einordnung: Hier fassen wir diese Leistung noch einmal kompakt zusammen – passend zu Ihrem Vorhaben.

Leistung in Kürze – für Ihre Entscheidung

Barrierefreie Softwareentwicklung: kompakte Leistungsbeschreibung

Definition: Barrierefreie Softwareentwicklung gehört zum Leistungsbereich „IT Beratung Strategie: Roadmaps & Digitalisierung“. Beratung & Strategie liefert IT- und Digitalberatung, Strategie-Roadmaps, Cloud-Migration, Microsoft 365, Blockchain-Machbarkeit und barrierefreie Software – mit umsetzbaren Empfehlungen statt Folien.

Einsatzsituation: Wenn Investitionen priorisiert, Architektur entschieden oder Compliance (DSGVO, Barrierefreiheit) vor Build geklärt werden muss.

Zielgruppe: Geschäftsführung und IT-Leitung im Mittelstand, die steuerbare Programme und optional direkte Umsetzung durch ein Team wollen.

Ergebnis: Roadmap, Entscheidungsdokumente und nächste Schritte (Workshop, Pilot, Entwicklung) – Übergang in andere Bereiche ist explizit verlinkt.

Vorgehen: Status quo und Ziele erfassen, Optionen und Risiken bewerten, priorisierte Roadmap mit Budget und Meilensteinen, Übergabe in Umsetzung oder Pilot.

Voraussetzungen und Grenzen: Voraussetzungen und Grenzen: Geschäftsziele, Budgetrahmen und beteiligte Entscheider. Grenzen: reine Umsetzung ohne Strategiephase starten wir über die jeweilige Technik- oder Integrations-Detailseite.

Abgrenzung: Umsetzung von Software → Software & Plattformen; Schnittstellen → Integration; laufender Betrieb → Betrieb & Support. Diese Seite (Barrierefreie Softwareentwicklung) ist die zuständige Hauptseite – die Übersicht bündelt alle verwandten Leistungen.

Vertrauen: Beratung und Entwicklung aus einer Hand seit 2010; Microsoft-365- und Cloud-Erfahrung mit festen Ansprechpartnern in Ostfriesland.

Nächster sinnvoller Schritt: Nächster sinnvoller Schritt für Barrierefreie Softwareentwicklung: digitalisierungsziele und Budget im Beratungsgespräch strukturieren – Roadmap mit priorisierten Maßnahmen.

Vorgehen in Schritten

  1. Geltungsbereich und Ziel-WCAG-Stufe klären: Wir prüfen mit Ihnen, ob Ihre Software unter BFSG (ab Juni 2025) fällt und welche WCAG-Konformitätsstufe (A, AA, AAA) realistisch ist. So vermeiden Sie Überraschungen durch nachträgliche Pflichten.
  2. Barrierefreie Konzeption: Wir entwerfen Bildschirme und Interaktionen mit Tastatur-Bedienbarkeit, Kontrasten, Fokus-Sichtbarkeit und semantischem HTML als Standard – nicht als nachträgliches Pflaster.
  3. Entwicklung mit automatisierten Tests: Wir setzen Linter, axe-core-Tests und manuelle Stichproben in CI/CD ein. So fallen Barrierefreiheits-Regressionen vor dem Release auf – nicht erst beim Audit.
  4. Audit, Nutzertests und Schulung: Wir führen ein Audit nach WCAG durch, bei Bedarf mit Nutzer-Tests (Screenreader, Tastatur, Sehbehinderung) und schulen Ihre Redaktion und Entwicklung. So bleibt Barrierefreiheit dauerhaft.