NCA Social Media
Individuell Anpassbar

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.

CYPRESS.IO Ambassador und IT Consultant für QA Engenieering und Qualität in PHP Projekten.

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.

Kostenlose Demo Jetzt anrufen

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:

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:

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.

Jetzt Accessibility-Beratung anfragen
WCAG-Audit buchen

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.

A11Y

Entdecken Sie, was A11Y (Accessibility) bedeutet und warum es für die Schaffung inklusiver, zugänglicher digitaler Erlebnisse unerlässlich ist.

Accessibility Audit

Entdecken Sie, was ein Accessibility Audit ist, wie es durchgeführt wird und warum es für die Sicherstellung der Barrierefreiheit unerlässlich ist.

Accessibility Testing

Erfahren Sie alles über Accessibility Testing, wie es durchgeführt wird, warum es wichtig ist und welche Vorteile es bietet. Sorgen Sie für zugängliche Webseiten.

Accessible Forms

Erfahren Sie, was zugängliche Formulare ausmacht, warum sie wichtig sind und wie Sie sicherstellen, dass Ihre Online-Formulare allen Nutzern zugänglich sind.

Alternative Eingabegeräte

Entdecken Sie die Welt der alternativen Eingabegeräte und wie sie die Zugänglichkeit und Nutzbarkeit von Computern für Menschen mit Behinderungen verbessern.

Alternativtext (Alt-Text)

Erfahren Sie, wie Alternativtexte (Alt-Texte) digitale Inhalte für Menschen mit Sehbehinderungen zugänglich machen und wie Sie diese effektiv einsetzen.

Audiodeskription (AD)

Entdecken Sie, was Audio Description (AD) ist und wie es die Zugänglichkeit von visuellen Medien für Menschen mit Sehbehinderungen oder Blindheit verbessert.

Barrierefreie Icons im Webdesign

Barrierefreie Icons nach WCAG 2.1: Kontraststark, screenreader-optimiert und tastaturbedienbar. Steigern Sie Accessibility & UX – inklusives Design für alle Nutzergruppen!

Barrierefreiheits-stärkungsgesetz (BFSG)

Erfahren Sie alles über das Gesetz, das zur Umsetzung der EU-Richtlinie über Barrierefreiheitsanforderungen dient, einschließlich der Ziele, Anwendungen und Auswirkungen.

CAPTCHA

Verstehen Sie, was CAPTCHA ist und wie es die Sicherheit im Web verbessert, während gleichzeitig Herausforderungen für die Zugänglichkeit entstehen können.

Color Accessibility

Erfahren Sie, wie Color Accessibility die Zugänglichkeit von digitalen Inhalten durch bewusste Farbwahl und Kontraste verbessert.

Compliance (Konformität)

Erfahren Sie, was Compliance im Kontext der digitalen Barrierefreiheit bedeutet und wie Sie sicherstellen können, dass Ihre digitalen Produkte und konform sind.

Contrast Enhancement

Lernen Sie, was Contrast Enhancement bedeutet und wie es beiträgt, die Lesbarkeit von Texten für Menschen mit Sehbehinderungen zu verbessern.

Digitale Barrierefreiheit (DA)

Erfahren Sie, was digitale Barrierefreiheit bedeutet und wie Sie sicherstellen können, dass Ihre digitalen Inhalte für alle zugänglich sind.

Diktieren (Dictation)

Entdecken Sie, wie Diktieren die digitale Barrierefreiheit verbessert, indem es Nutzern ermöglicht, Text durch Spracheingabe zu generieren.

European Accessibility Act (EAA)

Der European Accessibility Act revolutioniert die digitale Barrierefreiheit in der EU. Erfahren Sie, wie Sie die gesetzlichen Anforderungen bis 2025 meistern.

Farbkontrast

Erfahre, was Farbkontrast ist, die Bedeutung für die digitale Barrierefreiheit und wie Sie sicherstellen können, dass Ihre digitalen Inhalte zugänglich sind.

Headless

Erfahren Sie, wie die Trennung von Backend und Frontend die Entwicklung agiler, anpassungsfähiger digitaler Erlebnisse ermöglicht.

Keyboard Navigation

Erfahren Sie, was Keyboard Navigation bedeutet und wie sie die Zugänglichkeit von Webseiten durch die reine Nutzung der Tastatur verbessert.

Konformität (Conformance)

Vertiefen Sie Ihr Verständnis von Konformität im Kontext der digitalen Barrierefreiheit, entdecken Sie, warum sie entscheidend ist.

Leichte Sprache und Einfache Sprache

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.

Lupe (Magnification) und Digitale Barrierefreiheit

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.

Offene Beschriftungen (Open Captions) und Digitale Barrierefreiheit

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.

Operabilität in der Digitalen Barrierefreiheit

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.

Responsive Design

Erfahren Sie, was Responsive Design ist und wie es durch flexible und adaptive Layouts die Zugänglichkeit von Webseiten verbessert.

Semantic HTML

Erfahren Sie, was Semantic HTML ist und wie es die Webzugänglichkeit durch verbesserte Strukturierung und Bedeutung von Webinhalten unterstützt.

Silktide Accessibility Checker

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

Stark: Die All-in-One-Plattform für digitale Barrierefreiheit. Beschleunigen Sie Compliance und Workflows mit integrierten Tools für Designer und Entwickler.

Text-to-Speech

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.

Universal Design

Entdecken Sie, wie Universal Design hilft, Produkte, Umgebungen und digitale Medien für alle Menschen nutzbar zu machen.

Untertitel für Hörgesschädigte

Erfahren Sie, was Closed Captions sind und wie sie die Zugänglichkeit von audiovisuellen Medien für Gehörlose und Schwerhörige verbessern.

Voice Recognition

Erfahren Sie mehr über Voice Recognition und wie sie die Interaktion mit digitalen Geräten für Menschen mit verschiedenen Behinderungen vereinfacht.