Was ist A11Y? Definition, WCAG 2.2, BFSG-Pflichten und technische Umsetzung fuer barrierefreie Websites 2026.
- Erstellt:
- Aktualisiert:
- Autor:
- Roland Golla
Glossar für Barrierefreiheit
Willkommen in unserem umfassenden Glossar zum Thema digitale Barrierefreiheit. Unser Ziel bei Never Code Alone ist es, ein tieferes Verständnis für die Wichtigkeit und die Umsetzung von Barrierefreiheit im digitalen Raum zu fördern. Von technischen Frameworks bis hin zu grundlegenden Prinzipien der Zugänglichkeit decken wir ein breites Spektrum ab, um Entwickler, Designer und alle Interessierten mit den notwendigen Informationen zu versorgen.
Über die Schaltfläche "weiter" gelangen Sie auf den Glossar-Eintrag, um nähere Informationen über den ausgewählten Begriff zu erhalten.
Was ist digitale Barrierefreiheit?
Digitale Barrierefreiheit bedeutet, dass Websites, Apps und digitale Inhalte für alle Menschen nutzbar sind – unabhängig von körperlichen, sensorischen oder kognitiven Einschränkungen. Das NCA Glossar für Barrierefreiheit erklärt die wichtigsten Begriffe, Standards und Testing-Tools, die Entwickler und Webdesigner kennen müssen, um gesetzeskonforme und inklusive Webangebote zu erstellen.
Die rechtliche Grundlage in Deutschland bilden das Barrierefreiheitsstärkungsgesetz (BFSG) sowie die European Accessibility Act (EAA). Seit dem 28. Juni 2025 müssen neue Produkte und Dienste die Anforderungen erfüllen – Bestandsanwendungen haben bis 2030 Zeit. Technisch orientieren sich alle Anforderungen an den Web Content Accessibility Guidelines (WCAG) des W3C, aktuell in Version 2.2.
Die vier Grundprinzipien der digitalen Barrierefreiheit – kurz POUR – bilden das Fundament: Wahrnehmbar, Bedienbar, Verständlich und Robust. Dieses Glossar begleitet euch von den ersten Begriffsdefinitionen bis hin zu konkreten Tools für Accessibility Testing und automatisierte Prüfverfahren. NCA unterstützt Teams aus Duisburg und ganz Deutschland bei der WCAG- und BITV-konformen Umsetzung.
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.
Gesetze und Standards: WCAG, BITV und BFSG
Das internationale Regelwerk für barrierefreie Webinhalte sind die WCAG 2.2 des W3C. Sie definieren vier Konformitätsstufen (A, AA, AAA) und konkrete Erfolgskriterien für Texte, Bilder, Formulare, Navigation und Multimedia. In Deutschland ergänzt die BITV 2.0 (Barrierefreie-Informationstechnik-Verordnung) die WCAG-Anforderungen speziell für öffentliche Stellen.
Das 2021 in Kraft getretene Barrierefreiheitsstärkungsgesetz (BFSG) setzt die European Accessibility Act (EAA) in deutsches Recht um. Betroffen sind Unternehmen, die digitale Produkte und Dienstleistungen für Verbraucher anbieten – von Onlineshops über Banking-Apps bis zu E-Reader-Software. Die Übergangsfristen für bestehende Produkte laufen bis 2030.
Wichtige Standards und Gesetze im Überblick:
- WCAG 2.2 – Internationaler W3C-Standard, Stufen A/AA/AAA
- BFSG – Deutsches Gesetz, gilt ab 28. Juni 2025 für neue Produkte
- EAA – EU-weite Richtlinie als Grundlage des BFSG
- POUR-Prinzipien – Wahrnehmbar, Bedienbar, Verständlich, Robust
- ACR (Accessibility Conformance Report) – Dokumentation der Konformität
Accessibility Testing: Automatisiert und manuell prüfen
Accessibility Testing ist der systematische Prozess, mit dem Entwickler und QA-Teams prüfen, ob digitale Angebote die WCAG-Anforderungen erfüllen. Es gibt zwei komplementäre Ansätze: automatisierte Tools finden technische Fehler schnell und reproduzierbar, manuelle Tests decken komplexe Interaktionen auf, die kein Scanner erkennt. Professionelle Accessibility Audits kombinieren beide Methoden.
Etablierte Testing-Tools und Prüfmethoden:
- Silktide Accessibility Checker – Automatisiertes Scannen ganzer Websites
- ANDI (Accessible Name and Description Inspector) – Kostenloses Browser-Tool der US-Regierung
- Stark – Design-Tool-Plugin für Figma und Sketch
- Farbkontrast-Rechner – WCAG-konforme Farbprüfung online
- Keyboard Navigation Testing – Manuelle Prüfung ohne Maus
Für die Entwicklung spielt ARIA (Accessible Rich Internet Applications) eine zentrale Rolle: ARIA-Attribute ergänzen das HTML-Markup und ermöglichen es Screenreadern, dynamische Inhalte korrekt zu interpretieren. Der korrekte Einsatz von Semantic HTML reduziert dabei den Bedarf an ARIA erheblich und ist die robustere Lösung.
Visuelle Barrierefreiheit: Kontrast, Schrift und Bilder
Visuelle Barrierefreiheit beginnt mit dem richtigen Farbkontrast: WCAG 2.2 fordert für normalen Text ein Kontrastverhältnis von mindestens 4,5:1 (AA), für Großtext 3:1. Color Accessibility geht dabei über reinen Kontrast hinaus – Informationen dürfen nie ausschließlich über Farbe vermittelt werden, da Farbenblinde diese sonst nicht wahrnehmen können.
Bilder und Nicht-Text-Inhalte brauchen immer einen Alternativtext (Alt-Text), der den Bildinhalt für Screenreader-Nutzer beschreibt. Dekorative Bilder erhalten ein leeres alt-Attribut (alt=""). Die Wahl der Schriftarten beeinflusst die Lesbarkeit ebenfalls erheblich – ausreichende Schriftgröße, Zeilenabstand und Zeichenabstand sind messbare WCAG-Kriterien.
Icons im Webdesign sind eine häufige Fehlerquelle: Barrierefreie Icons benötigen entweder einen sichtbaren Label oder ein ARIA-Label. Rein dekorative Icons werden mit aria-hidden="true" vor Screenreadern versteckt. Für Formulare gelten besondere Anforderungen – barrierefreie Formulare erfordern explizite Label, Fehlermeldungen in Textform und eine logische Tab-Reihenfolge.
Häufige Fragen zu digitaler Barrierefreiheit
Die wichtigsten Fragen zu WCAG, BFSG und Accessibility Testing – von der gesetzlichen Pflicht bis zur praktischen Umsetzung.
Was bedeutet digitale Barrierefreiheit 2026 für Unternehmen?
Seit dem 28. Juni 2025 müssen neue digitale Produkte und Dienstleistungen für Verbraucher die Anforderungen des BFSG erfüllen. Das betrifft Onlineshops, Banking-Apps, E-Books und Streaming-Dienste. Bestandsprodukte haben Übergangsfristen bis 2030. Unternehmen, die jetzt handeln, vermeiden Bußgelder und verbessern gleichzeitig die Nutzererfahrung für alle.
Welche WCAG-Konformitätsstufe ist 2026 verpflichtend?
Das BFSG und die EN 301 549 fordern in der Regel WCAG 2.1 Stufe AA als Mindeststandard. Öffentliche Stellen in Deutschland müssen nach BITV 2.0 ebenfalls AA erfüllen. Stufe AAA ist kein verpflichtender Standard, aber empfehlenswert für besonders barrierefreie Angebote wie Gesundheits- oder Behördenwebsites.
Wie führe ich 2026 einen Accessibility Audit durch?
Ein Accessibility Audit kombiniert automatisierte Scans mit manuellen Tests und Nutzertests mit assistiven Technologien. Automatisierte Tools wie Silktide oder axe DevTools decken ca. 30-40% der Fehler auf. Den Rest findet man durch manuelle Tastaturnavigation, Screenreader-Tests (NVDA, VoiceOver) und die Überprüfung logischer Lesereihenfolge.
Was ist der Unterschied zwischen WCAG, BITV und BFSG 2026?
WCAG ist der internationale technische Standard des W3C für barrierefreie Webinhalte. BITV 2.0 ist die deutsche Verordnung, die WCAG für öffentliche Stellen verbindlich macht. Das BFSG ist das deutsche Gesetz, das die EU-weite European Accessibility Act umsetzt und seit Juni 2025 auch private Unternehmen verpflichtet.
Welche Tools helfen beim Accessibility Testing 2026?
Bewährte Tools sind: Silktide Accessibility Checker für Website-Scans, axe DevTools als Browser-Extension, ANDI für eine detaillierte Element-Inspektion, Stark als Figma-Plugin für Designer und der WAVE-Evaluierungsdienst von WebAIM. Für Farbkontraste gibt es den kostenlosen Contrast Checker von WebAIM und den NCA Farbkontrast-Rechner.
Was bedeutet A11Y und warum wird der Begriff verwendet?
A11Y ist ein Numeronym für Accessibility: zwischen dem A und dem Y liegen 11 Buchstaben. Der Begriff wird in der Entwickler-Community als Kurzform verwendet, ähnlich wie i18n für Internationalisierung. A11Y steht für die Bewegung, digitale Produkte von Anfang an inklusiv zu gestalten.
Muss ich als kleines Unternehmen das BFSG einhalten?
Das BFSG gilt für Unternehmen, die digitale Produkte und Dienstleistungen für Verbraucher anbieten. Kleinstunternehmen mit weniger als 10 Mitarbeitern und einem Jahresumsatz unter 2 Millionen Euro sind ausgenommen, sofern die Barrierefreiheitspflicht eine unverhältnismäßige Last darstellen würde. Für alle anderen gilt: die Umsetzung lohnt sich auch ohne gesetzlichen Zwang.
Was ist ARIA und wann sollte ich es verwenden?
ARIA (Accessible Rich Internet Applications) ist eine W3C-Spezifikation, die HTML-Elementen zusätzliche Semantik verleiht. ARIA sollte verwendet werden, wenn natives HTML nicht ausreicht – zum Beispiel bei dynamischen Widgets wie Tabs, Modals oder Dropdowns. Die erste Regel: Wenn ein natives HTML-Element die gleiche Semantik liefert, verwende es statt ARIA.
Wie hoch ist der Farbkontrast-Mindeststandard nach WCAG?
WCAG 2.2 AA fordert ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text (unter 18 Punkt) und 3:1 für Großtext (ab 18 Punkt bzw. 14 Punkt fett). Grafische Elemente und UI-Komponenten wie Buttons und Formularfelder müssen ebenfalls einen Kontrast von 3:1 gegenüber dem Hintergrund aufweisen.
Welche Sprachen und Formate müssen barrierefrei sein?
Barrierefreiheit betrifft alle Inhaltsformate: HTML-Webseiten, PDFs, Videos (mit Untertiteln und Audiodeskription), Office-Dokumente und mobile Apps. PDFs müssen mit korrekten Tags, Lesereihenfolge und Alt-Texten versehen sein. Videos benötigen synchronisierte Untertitel und bei rein visuellen Inhalten eine Audiodeskription.
Was kostet die Umsetzung von Barrierefreiheit?
Die Kosten hängen stark vom aktuellen Zustand der Website und der Komplexität der Anwendung ab. Bei Neuentwicklungen mit Accessibility-first-Ansatz entsteht kaum Mehraufwand. Für bestehende Websites fallen Audit, Konzept und Umsetzung an. NCA erstellt individuelle Angebote – kontaktiert uns für eine kostenlose Ersteinschätzung unter roland@nevercodealone.de.
Gibt es Musterklagen oder Abmahnungen wegen Barrierefreiheit?
In den USA gibt es seit Jahren Klagen unter dem Americans with Disabilities Act (ADA) gegen nicht barrierefreie Websites. In Deutschland ist die Abmahnwelle nach BFSG-Inkrafttreten noch ausgeblieben, aber Verbraucherschutzverbände und Behindertenverbände haben Klagerechte. Frühzeitige Umsetzung schützt vor rechtlichem Risiko und Reputationsschäden.
Was ist ein Accessibility Audit? Ablauf, Tools, WCAG-Stufen und BFSG-Anforderungen 2026 – mit 12 FAQs und Praxis-Tipps für PHP-Projekte.
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.