A11Y: Barrierefreiheit im Web 2026
A11Y erklaert: Was Accessibility bedeutet, welche WCAG-Anforderungen gelten und wie das BFSG 2026 Unternehmen verpflichtet. Mit technischen Tipps und FAQ.
Mehr erfahren- Erstellt:
- Aktualisiert:
- Autor:
- Roland Golla
Was ist ein Accessibility Audit? Definition 2026
Ein Accessibility Audit ist eine systematische Überprüfung einer Website, App oder digitalen Anwendung daraufhin, ob sie von allen Menschen genutzt werden kann, einschließlich Personen mit visuellen, motorischen, auditiven oder kognitiven Einschränkungen. Grundlage ist in der Regel der internationale Standard WCAG 2.1 Level AA (Web Content Accessibility Guidelines), der auch im deutschen Barrierefreiheitsstärkungsgesetz (BFSG) referenziert wird.
Seit dem 28. Juni 2025 ist das BFSG in Kraft und verpflichtet privatwirtschaftliche Unternehmen erstmals zur digitalen Barrierefreiheit. Ein Accessibility Audit ist damit nicht mehr nur eine Best Practice, sondern der erste Schritt zur rechtskonformen Dokumentation. Wer keinen Audit vorweisen kann, hat im Streitfall gegenüber Marktüberwachungsbehörden eine schwache Position.
Es gibt zwei grundlegende Audit-Typen: Automatisierte Audits mit Tools wie axe DevTools oder Lighthouse decken ca. 30 bis 40 Prozent der WCAG-Kriterien ab. Manuelle Audits durch Experten und Tests mit echten Screenreadern wie NVDA oder VoiceOver sind für die restlichen Kriterien unverzichtbar. Ein professioneller BFSG-konformer Audit kombiniert immer beide Ansätze.
Inhaltsverzeichnis
Erreichen Sie unsere Spezialisten zu barrierefreien Webdesign
Wir sind hier, um Ihnen zu helfen. Gemeinsam meistern wir Ihre digitalen Herausforderungen und fördern die Inklusion im Internet. Lassen Sie uns Ihre Projekte mit barrierefreiem Webdesign erfolgreich machen.
Ablauf eines Accessibility Audits: 5 Schritte
Ein strukturierter Accessibility Audit folgt einem klaren Prozess, der sicherstellt, dass keine relevanten WCAG-Kriterien übersehen werden:
- 1. Scope definieren: Welche Seiten, Flows und Interaktionselemente werden geprüft? Bei großen Websites empfiehlt sich eine repräsentative Stichprobe nach WCAG-Konformitätsmethodik.
- 2. Automatisierter Scan: axe DevTools, Lighthouse oder Silktide Accessibility Checker scannen die gesamte Seite und liefern eine priorisierte Liste der gefundenen Verstöße inkl. WCAG-Kriteriums-Referenz.
- 3. Manueller Test: Tastaturnavigation (nur Tab/Enter/Pfeil), Screenreader-Test mit NVDA + Firefox und VoiceOver + Safari, 200%-Zoom-Test, Farbblindheits-Simulation und Prüfung komplexer Widgets (Modals, Dropdowns, Akkordeons).
- 4. Bericht erstellen: Dokumentation aller Befunde mit WCAG-Kriterium, Schweregrad (kritisch/ernst/moderat/gering), Screenshot und konkreter Handlungsempfehlung.
- 5. Barrierefreiheitserklärung: Auf Basis des Audits wird die gesetzlich vorgeschriebene Erklärung erstellt, die Konformitätsstatus, bekannte Barrieren und einen Feedback-Mechanismus enthält.
Tools für den Accessibility Audit 2026
Die Toollandschaft für Accessibility Audits ist 2026 gut aufgestellt. Kein einzelnes Tool deckt alle WCAG-Kriterien ab, aber die Kombination aus automatisierten und manuellen Werkzeugen liefert ein vollständiges Bild:
- axe DevTools – Browser-Extension (Chrome/Firefox) und axe-core als Node.js-Paket für CI/CD. Branchen-Standard, sehr geringe Falsch-Positiv-Rate.
- Google Lighthouse – In Chrome DevTools integriert, liefert Accessibility-Score und priorisierte Fehlerliste. Gut als erster Schnellcheck.
- WAVE (WebAIM) – Visualisiert Barrierefreiheitsprobleme direkt auf der Seite, besonders hilfreich für Alt-Text und Strukturprobleme.
- Silktide Accessibility Checker – Crawlt ganze Websites automatisiert, ideal für große Projekte mit vielen Unterseiten.
- NVDA + Firefox (Windows, kostenlos) – Screenreader-Referenz für manuelle Tests unter Windows.
- VoiceOver + Safari (macOS/iOS) – Pflicht für Apple-Plattformen und mobile Tests.
- Stark (Figma-Plugin) – Prüft Kontraste und Farbblindheits-Simulationen direkt im Design-Prozess.
Für Teams mit CI/CD-Pipelines empfiehlt NCA die Integration von axe-core in Cypress-Tests als eigene Stage. So werden A11Y-Regressions automatisch erkannt, bevor sie in Produktion gelangen. eslint-plugin-jsx-a11y ergänzt den Stack auf Ebene der statischen Code-Analyse.
WCAG-Konformitätsstufen: A, AA und AAA erklärt
Die WCAG unterscheiden drei Konformitätsstufen, die im Audit als Bewertungsmaßstab dienen:
- Level A (Minimum): Grundlegende Anforderungen, ohne die bestimmte Nutzergruppen gar keinen Zugang haben. Beispiel: Alt-Texte für informative Bilder, Videos mit Untertiteln.
- Level AA (Standard, BFSG-Pflicht): Deckt die Mehrheit der Barrieren ab. Beinhaltet Farbkontrasträte (4,5:1), sichtbare Fokus-Indikatoren, Vermeidung von reiner Farbbedeutung. Das BFSG verlangt Konformität auf Level AA.
- Level AAA (Optimal): Höchste Anforderungen, nicht immer für alle Inhalte erreichbar. Beispiel: Gebärdensprache für alle Audioinhalte, Kontrastverhältnis 7:1.
Ein BFSG-konformer Audit prüft systematisch alle Kriterien der Stufen A und AA. WCAG 2.2 fügt gegenüber 2.1 sechs neue Level-A/AA-Kriterien hinzu, darunter sichtbare Fokus-Indikatoren (2.4.11) und Mindestgröße für Klickziele (2.5.8). Die für das BFSG aktualisierte EN 301 549 wird künftig auf WCAG 2.2 verweisen – wer jetzt auf 2.2 prüft, ist langfristig auf der sicheren Seite.
Accessibility Audit in PHP- und Symfony-Projekten
Bei PHP- und Symfony-basierten Webanwendungen gibt es spezifische Stolpersteine, die ein Accessibility Audit regelmäßig aufdeckt. NCA sieht in seiner Projektpraxis vor allem folgende Muster:
- Twig-Templates mit nicht-semantischem HTML: Häufig werden
<div>-basierte Strukturen ohne ARIA-Rollen eingesetzt, wo natives HTML wie<nav>,<main>oder<button>ausreicht. - Formulare ohne korrekte Labels: Symfony Form Builder generiert oft IDs, die nicht automatisch mit
<label for>verknüpft werden. Muss im Template manuell geprüft werden. - Dynamische Inhalte ohne ARIA-Live-Regionen: Ajax-Updates, Flash-Messages und Validierungsfeedback sind für Screenreader unsichtbar, wenn kein
aria-livegesetzt ist. - Sulu CMS Editierbereich: Rich-Text-Eingaben im Backend können HTML produzieren, das im Frontend Barrierefreiheitsprobleme verursacht (z. B. leere Links, fehlende Alt-Texte in Redakteur-uploads).
NCA führt Accessibility Audits direkt im Projektkontext durch und kennt die typischen Schwachstellen von Symfony, Sulu CMS und PHP-Frontends. Nach dem Audit übernehmen wir bei Bedarf die technische Umsetzung aller Korrekturen, inklusive Barrierefreiheitserklärung und CI/CD-Integration.
Häufig gestellte Fragen (FAQ)
Die wichtigsten Fragen zum Accessibility Audit 2026, kompakt beantwortet.
Was ist ein Accessibility Audit 2026 und warum ist er Pflicht?
Ein Accessibility Audit prüft, ob eine Website oder App den WCAG-Barrierefreiheitsstandards entspricht. Seit dem 28. Juni 2025 ist das BFSG in Kraft und verpflichtet viele Unternehmen zur digitalen Barrierefreiheit. Ein Audit ist der erste Schritt zur rechtssicheren Compliance-Dokumentation gegenüber Marktüberwachungsbehörden.
Welche WCAG-Kriterien prüft ein Accessibility Audit 2026?
Ein BFSG-konformer Audit prüft alle Erfolgskriterien der WCAG 2.1 auf Level A und AA – insgesamt 50 Kriterien. Zukunftssicher ist die Prüfung nach WCAG 2.2, das sechs neue A/AA-Kriterien hinzufügt, darunter sichtbare Fokus-Indikatoren (2.4.11) und Mindestgröße von Klickzielen (2.5.8).
Wie lange dauert ein Accessibility Audit 2026?
Ein automatisierter Schnellcheck ist in Minuten erledigt. Ein manueller Audit einer mittelgroßen Website dauert typischerweise 3 bis 10 Arbeitstage. Umfang, Seitenzahl und Komplexität der Interaktionselemente sind die entscheidenden Faktoren für den Zeitaufwand.
Was kostet ein Accessibility Audit 2026?
Automatisierte Tools wie axe DevTools oder Lighthouse sind kostenlos verfügbar. Ein professioneller manueller Audit für eine mittelgroße Website beginnt je nach Umfang bei einigen hundert Euro. NCA empfiehlt, den Auditaufwand mit den potenziellen Bußgeldern (bis zu 100.000 Euro) zu vergleichen. Kontakt für ein individuelles Angebot: roland@nevercodealone.de.
Wie unterscheiden sich automatischer und manueller Accessibility Audit 2026?
Automatisierte Tools erkennen zuverlässig ca. 30 bis 40 Prozent aller WCAG-Verstöße, vor allem fehlende Alt-Texte, Kontrastprobleme und fehlende Formular-Labels. Manuelle Tests durch Experten und echte Screenreader decken komplexe Interaktionsfehler auf, die kein Tool findet, etwa fehlerhafte Fokus-Reihenfolgen in Modals oder nicht angekündigte AJAX-Updates.
Was passiert nach dem Accessibility Audit?
Nach dem Audit erhalten Sie einen priorisierten Bericht mit WCAG-Kriterium, Schweregrad und konkreter Handlungsempfehlung pro Befund. Kritische Verstöße (Level A) sollten zuerst behoben werden. NCA unterstützt anschließend bei der technischen Umsetzung in PHP, Symfony oder Sulu CMS sowie bei der Erstellung der gesetzlich vorgeschriebenen Barrierefreiheitserklärung.
Wie oft sollte ein Accessibility Audit durchgeführt werden?
Mindestens einmal jährlich und nach jedem größeren Relaunch oder Feature-Update. Barrierefreiheit ist ein kontinuierlicher Prozess: Jede neue Entwicklung kann bestehende Konformität beeinträchtigen. NCA empfiehlt, axe-core in CI/CD-Pipelines zu integrieren, um Regressions automatisch zu erkennen.
Ist ein Accessibility Audit nach BITV oder WCAG ausgerichtet?
Die BITV 2.0 gilt für öffentliche Stellen des Bundes und verweist auf WCAG 2.1 Level AA. Das BFSG für den Privatsektor verweist ebenfalls auf EN 301 549, die WCAG 2.1 AA referenziert. Ein Audit nach WCAG 2.1 AA erfüllt damit die Anforderungen beider Regelwerke.
Kann NCA einen Accessibility Audit für meine PHP-Website durchführen?
Ja. NCA aus Duisburg führt Accessibility Audits für PHP- und Symfony-basierte Webanwendungen, Sulu CMS und individuelle Frontends durch. Im Anschluss übernehmen wir bei Bedarf direkt die technische Umsetzung aller Korrekturen. Vereinbaren Sie eine kostenlose Erstberatung unter roland@nevercodealone.de.
Was ist der Unterschied zwischen Accessibility Audit und Accessibility Testing?
Ein Accessibility Audit ist eine einmalige Bestandsaufnahme mit detailliertem Bericht und Handlungsempfehlungen. Accessibility Testing bezeichnet den laufenden Prozess der Qualitätssicherung im Entwicklungsalltag, etwa durch automatisierte Tests in der CI/CD-Pipeline oder regelmäßige manuelle Checks nach Deployments.
Benötige ich als Kleinstunternehmen einen Accessibility Audit?
Kleinstunternehmen mit weniger als zehn Mitarbeitenden und maximal zwei Millionen Euro Jahresumsatz sind von der BFSG-Dienstleistungspflicht ausgenommen. Achtung: Wer Produkte in den Verkehr bringt, fällt unabhängig von der Unternehmensgröße unter das BFSG. Ein Audit ist auch für Kleinstunternehmen empfehlenswert, da er die Zielgruppe erweitert und UX verbessert.
Wie integriere ich Accessibility Audits in agile Entwicklung 2026?
NCA empfiehlt drei Ebenen: Pre-Commit mit eslint-plugin-jsx-a11y für statische Analyse, axe-core in Cypress-Tests als eigene CI/CD-Stage für automatisierte Prüfungen nach jedem Deploy, und quartalsweise manuelle Audits durch Experten für tiefergehende Prüfungen. So entsteht ein lückenloser A11Y-Qualitätsprozess ohne Mehraufwand im Sprint.
Was ist A11Y? Definition, WCAG 2.2, BFSG-Pflichten und technische Umsetzung fuer barrierefreie Websites 2026.
Was ist Accessibility Testing? Drei Ebenen, Cypress/axe-core Integration, manuelle Checkliste und BFSG-Konformität 2026.
axe-core, Pa11y, cypress-axe und eslint-plugin-jsx-a11y: die Accessibility Testing Toolchain 2026 in vier Ebenen erklärt, von Shift Left bis zur CI Pipeline.
Was sind Accessible Forms? HTML-Attribute, ARIA, Fehlermeldungen und BFSG-konforme Implementierung barrierefreier Formulare 2026.
Was ist ein ACR? Accessibility Conformance Report nach VPAT 2.5 mit WCAG 2.2 und EN 301 549 als BFSG-konformer Compliance-Nachweis für digitale Produkte 2026.
Barrierefreie PDFs 2026: BFSG-Pflicht, PDF/UA-Standards, die 7 Kernanforderungen und Tools wie PAC 2024. Mit 12 FAQs und NCA-Consulting.
Alternative Eingabegeräte ermöglichen Menschen mit motorischen Einschränkungen die selbstständige Nutzung digitaler Systeme. NCA erklärt Typen, WCAG Anforderungen und Umsetzung 2026.
Was ein guter Alt Text 2026 leistet, wie er BFSG und WCAG erfüllt, welche KI Tools helfen und welche Fehler du vermeiden solltest. Im NCA Glossar.
Der ADA verpflichtet auch deutsche Unternehmen mit US-Geschäft zur digitalen Barrierefreiheit nach WCAG 2.1 Level AA. Pflichten, Klagerisiko und Vergleich zu EAA und BFSG.
ANDI Accessible Name Inspector 2026: Bookmarklet zur Accessibility Prüfung, Module, Vergleich zu axe und WAVE, BFSG und WCAG Konformität. Im NCA Glossar.
ARIA 2026: Rollen, Zustände und Patterns für barrierefreie Webanwendungen, fünf goldene Regeln, typische Fehler und WCAG 2.2 Konformität. Im NCA Glossar.
Audiodeskription 2026: was AD ist, wie sie BFSG und WCAG erfüllt, wann sie Pflicht ist und wie du Videos zugänglich machst. Im NCA Glossar.
Barrierefreie Formulare 2026: Best Practices, ARIA Patterns, typische Fehler und WCAG 2.2 Konformität nach BFSG. Mit Code Beispielen. Im NCA Glossar.
Erfahrt, wie ihr durch barrierefreie Headlines eure Webseite zugänglicher macht. Praxistipps und Beispiele für die Umsetzung nach WCAG 2.1.
Barrierefreie Icons nach WCAG 2.2: SVG, ARIA, Kontrast 3:1, Mindestgröße 24x24. Praxis und Code für inklusives Webdesign 2026.
Atkinson Hyperlegible Next, Inter, Lexend und Co: Die besten Open Source Schriftarten für barrierefreies Webdesign 2026, WCAG konform und BFSG ready
BFSG-Guide 2026: Wer ist betroffen, welche Strafen drohen, wie setzen Sie Barrierefreiheit um? Mit 13 FAQs, Umsetzungs-Roadmap und aktuellen Abmahnwellen-Infos.
Klassische CAPTCHAs blockieren Nutzer mit Behinderungen und gefährden die BFSG Konformität. Friendly Captcha, Cloudflare Turnstile und Altcha im Vergleich 2026.
CSS gestaltet barrierefreie Webseiten. Mit WCAG 2.2, focus-visible, prefers-reduced-motion und relativen Einheiten erreichst du Compliance und bessere UX für alle.
Erfahren Sie, wie Color Accessibility die Zugänglichkeit von digitalen Inhalten durch bewusste Farbwahl und Kontraste verbessert.
Erfahren Sie, was Compliance im Kontext der digitalen Barrierefreiheit bedeutet und wie Sie sicherstellen können, dass Ihre digitalen Produkte und konform sind.
Lernen Sie, was Contrast Enhancement bedeutet und wie es beiträgt, die Lesbarkeit von Texten für Menschen mit Sehbehinderungen zu verbessern.
Erfahren Sie mehr über die Deutsche Gebärdensprache (DGS) und ihre Rolle in der digitalen Barrierefreiheit auf Webseiten.
Erfahren Sie, wie die vier Grundprinzipien der digitalen Barrierefreiheit – Wahrnehmbar, Bedienbar, Verständlich und Robust (POUR) – die Entwicklung zugänglicher digitaler Inhalte leiten und wie Sie diese in Ihren Projekten umsetzen können.
Erfahren Sie, was digitale Barrierefreiheit bedeutet und wie Sie sicherstellen können, dass Ihre digitalen Inhalte für alle zugänglich sind.
Entdecken Sie, wie Diktieren die digitale Barrierefreiheit verbessert, indem es Nutzern ermöglicht, Text durch Spracheingabe zu generieren.
Verstehen Sie die Rolle des DOM in der digitalen Barrierefreiheit, wie es die Interaktion zwischen Webinhalten und assistiven Technologien ermöglicht,
Vertiefen Sie Ihr Verständnis für die Entwicklung barrierefreier digitaler Inhalte und erfahren Sie, wie Sie Ihre Websites für alle Nutzer zugänglich machen.
Der European Accessibility Act revolutioniert die digitale Barrierefreiheit in der EU. Erfahren Sie, wie Sie die gesetzlichen Anforderungen bis 2025 meistern.
Erfahre, was Farbkontrast ist, die Bedeutung für die digitale Barrierefreiheit und wie Sie sicherstellen können, dass Ihre digitalen Inhalte zugänglich sind.
Erfahre, was ein Farbkontrast-Rechner ist, warum er für barrierefreies Design entscheidend ist und wie Du ihn nutzt, um die Lesbarkeit Deiner Inhalte zu optimieren.
Erfahren Sie, wie die Trennung von Backend und Frontend die Entwicklung agiler, anpassungsfähiger digitaler Erlebnisse ermöglicht.
Entdecken Sie die Bedeutung von Informations- und Kommunikationstechnologie (ICT) für die digitale Barrierefreiheit, einschließlich Einblicke in Best Practices.
Erfahren Sie, wie dieser Prozess zur Förderung der digitalen Barrierefreiheit bei der Beschaffung von IT-Produkten und -Dienstleistungen beiträgt.
Inter ist die weitverbreitetste Open Source UI Schriftart. Inspirationsquelle für Vercels Geist, Next.js Default und Accessibility Workhorse.
Erfahren Sie, was Keyboard Navigation bedeutet und wie sie die Zugänglichkeit von Webseiten durch die reine Nutzung der Tastatur verbessert.
Vertiefen Sie Ihr Verständnis von Konformität im Kontext der digitalen Barrierefreiheit, entdecken Sie, warum sie entscheidend ist.
Erfahren Sie mehr über Leichte und Einfache Sprache, zwei wichtige Formen der sprachlichen Vereinfachung, die darauf abzielen, Texte für Menschen zugänglicher zu machen.
Erfahren Sie, wie eine sorgfältige Lesereihenfolge die digitale Barrierefreiheit verbessert und weshalb sie für Nutzer mit Sehbehinderungen unerlässlich ist.
Erfahren Sie, wie die logische Reihenfolge von Inhalten die digitale Barrierefreiheit beeinflusst und wie Sie eine konsistente Struktur in Projekten gewährleisten.
Erfahren Sie alles über die Nutzung von Lupenfunktionen zur Verbesserung der digitalen Barrierefreiheit, entdecken Sie, wie Vergrößerungswerkzeuge die Zugänglichkeit erhöhen, und lernen Sie Best Practices für die Implementierung in digitalen Inhalten kennen.
Was die MLBF ist, wie sie das BFSG durchsetzt und was Unternehmen 2026 zur Marktüberwachung der digitalen Barrierefreiheit wissen müssen.
Vertiefen Sie Ihr Verständnis der ARIA-Konzepte "Name, Rolle, Zustand" und deren Bedeutung für die digitale Barrierefreiheit, um Webinhalte für assistive Technologien optimiert zu gestalten.
Erfahren Sie, wie die korrekte Handhabung von nicht-textuellen Inhalten die digitale Barrierefreiheit verbessert.
Entdecken Sie, wie offene Beschriftungen (Open Captions) die Zugänglichkeit von Videoinhalten verbessern, indem sie eine permanente Untertitelung bieten, die für alle Zuschauer sichtbar ist, und lernen Sie, wie Sie Open Captions effektiv in Ihren digitalen Medien einsetzen können.
Entdecken Sie, warum Operabilität ein Schlüsselaspekt der digitalen Barrierefreiheit ist, und lernen Sie, wie Sie sicherstellen können, dass Ihre digitalen Inhalte und Anwendungen für alle Nutzer bedienbar sind.
Entdecken Sie, wie repräsentative Stichprobentestung zur Sicherstellung der digitalen Barrierefreiheit beiträgt.
Erfahren Sie, was Responsive Design ist und wie es durch flexible und adaptive Layouts die Zugänglichkeit von Webseiten verbessert.
Erfahren Sie, warum Robustheit ein zentrales Prinzip der digitalen Barrierefreiheit darstellt.
Erfahren Sie, was Semantic HTML ist und wie es die Webzugänglichkeit durch verbesserte Strukturierung und Bedeutung von Webinhalten unterstützt.
Entdecken Sie, wie der Silktide Accessibility Checker Ihre Website WCAG-konform und zugänglich für alle macht. Umfassende Prüfungen, einfache Lösungen.
Stark: Die All-in-One-Plattform für digitale Barrierefreiheit. Beschleunigen Sie Compliance und Workflows mit integrierten Tools für Designer und Entwickler.
Erfahren Sie, was Text-to-Speech ist, wie es funktioniert und wie es digitale Zugänglichkeit für Menschen mit Sehbehinderungen oder Leseschwierigkeiten erhöht.
Übergangsfristen zur Barrierefreiheit für Onlineshops: Gemäß dem Barrierefreiheitsstärkungsgesetz (BFSG) ist der 28. Juni 2025 Stichtag für E-commerce Seiten.
Entdecken Sie, wie Universal Design hilft, Produkte, Umgebungen und digitale Medien für alle Menschen nutzbar zu machen.
Erfahren Sie, was Closed Captions sind und wie sie die Zugänglichkeit von audiovisuellen Medien für Gehörlose und Schwerhörige verbessern.
Erfahren Sie mehr über Voice Recognition und wie sie die Interaktion mit digitalen Geräten für Menschen mit verschiedenen Behinderungen vereinfacht.
Erfahren Sie, was die Web Content Accessibility Guidelines (WCAG) sind und wie sie die digitale Zugänglichkeit fördern.