Glossar
Definitionen von 40+ Schlüsselbegriffen zu WCAG, ARIA, EAA und digitaler Barrierefreiheit mit Beispielen und Links zu offiziellen Quellen.
Letzte Aktualisierung: 06.04.2026
Accessibility (Abkürzung)
a11y ist eine Abkürzung des Wortes accessibility (Barrierefreiheit), wobei 11 die Anzahl der Buchstaben zwischen a und y darstellt. In der Tech-Community weit verbreitet als Hashtag #a11y sowie in Tool- und Konferenznamen.
Americans with Disabilities Act
ADA ist ein US-Bundesgesetz (1990), das die Diskriminierung von Menschen mit Behinderungen verbietet. Title II (Regierungsstellen) und Title III (Privatsektor) gelten für Websites. Im April 2024 veröffentlichte das DOJ eine Schlussregel mit technischen Standards (WCAG 2.1 AA) für Regierungswebsites mit Frist April 2026.
Alternative Text (Alternativtext)
Alt-Text ist eine Textbeschreibung eines Bildes im alt-Attribut des '<img>'-Tags. Screen Reader lesen den Alt-Text für blinde Benutzer vor. Dekorative Bilder sollten ein leeres alt (alt="") haben. Informative Bilder benötigen eine kurze Beschreibung (bis 125 Zeichen).
Accessible Rich Internet Applications
ARIA ist eine W3C-Spezifikation, die einen Satz von HTML-Attributen zur Verbesserung der Barrierefreiheit dynamischer Webinhalte definiert. Umfasst Rollen (role), Zustände (aria-expanded, aria-hidden) und Eigenschaften (aria-label, aria-describedby). Erste Regel: Wenn ein natives HTML-Element die benötigte Semantik hat, verwenden Sie es statt ARIA.
Assistive Technology (AT)
Assistive Technologien sind Geräte und Software, die Menschen mit Behinderungen bei der Nutzung von Computern und Internet helfen. Screen Reader (NVDA, JAWS, VoiceOver), Bildschirmvergroßerung (ZoomText), alternative Tastaturen, Eye-Tracking, Schalter (Switch Devices).
Overlay (Barrierefreiheits-Overlay)
Ein Overlay ist ein JavaScript-Widget, das ein Einstellungspanel über der Website hinzufügt (Schriftarten, Kontrast, Cursor). Es ändert nicht den tatsächlichen HTML-Code der Seite. Die National Federation of the Blind und 800+ Fachleute (overlayfactsheet.com) behaupten, dass Overlays keine echte WCAG-Konformität bieten.
Erklärung zur Barrierefreiheit
Ein Accessibility Statement ist ein öffentliches Dokument auf einer Website, das den Grad der Barrierefreiheit, bekannte Einschränkungen, Kontaktinformationen für Problemmeldungen und geplante Verbesserungen beschreibt. Vorgeschrieben durch die EAA in der EU und empfohlen von W3C WAI.
Barrierefreiheit (barrier-free)
Barrierefreiheit bedeutet, Umgebungen, Dienste und digitale Produkte so zu gestalten, dass alle Menschen sie nutzen können — auch Menschen mit Behinderungen und ältere Menschen. Im Web entspricht das der Konformität mit WCAG und EN 301 549: Die Website funktioniert mit Screenreadern, ist per Tastatur bedienbar, bietet ausreichend Kontrast und eine klare Struktur.
Cumulative Layout Shift
CLS ist eine Core-Web-Vitals-Metrik von Google, die die visuelle Stabilitat einer Seite misst. Ein guter Wert liegt unter 0,1. Elemente, die sich nach dem Laden verschieben, erhöhen den CLS und verschlechtern das SEO-Ranking.
Color Contrast Ratio
Farbkontrast ist das numerische Verhältnis der Leuchtdichte zwischen Text und Hintergrund. WCAG 2.1 Level AA erfordert mindestens 4,5:1 für normalen Text und 3:1 für großen Text (>18pt oder >14pt fett). Geringer Kontrast ist der häufigste Fehler: 81% der Websites haben dieses Problem (WebAIM).
Cognitive Accessibility
Kognitive Barrierefreiheit ist Design für Menschen mit kognitiven Einschränkungen: Legasthenie, ADHS, Autismus, Gedachtnisprobleme. Umfasst klare Sprache, konsistente Navigation, minimale Ablenkungen, ausreichend Zeit für Aktionen.
Completely Automated Public Turing test
CAPTCHA ist ein Test zur Unterscheidung von Menschen und Bots. Visuelle CAPTCHAs (verzerrter Text, Bildauswahl) sind eine Barriere für Blinde und Menschen mit kognitiven Einschränkungen. WCAG erfordert einen alternativen Weg.
DSTU EN 301 549:2022
DSTU EN 301 549:2022 ist der ukrainische nationale Standard für die Barrierefreiheit von IKT-Produkten, identisch mit dem europäischen EN 301 549 v3.2.1. Umfasst Anforderungen für Websites (basierend auf WCAG 2.1 Level AA), mobile Apps, Dokumente und Selbstbedienungsterminals.
Digital Accessibility
Digitale Barrierefreiheit stellt sicher, dass digitale Produkte (Websites, Apps, Dokumente, Videos) von Menschen mit Behinderungen genutzt werden können. Breiter als Web-Barrierefreiheit: umfasst mobile Apps, PDF-Dokumente, E-Books, Videos mit Untertiteln.
Document Object Model
Das DOM ist eine baumartige Struktur einer HTML-Seite, die der Browser zum Rendern und Manipulieren von Inhalten erstellt. Der Accessibility Tree ist eine separate Version des DOM, die Screen Reader zum Vorlesen der Seite verwenden. Korrektes DOM = korrekter Accessibility Tree.
European Accessibility Act
Der EAA (EU-Richtlinie 2019/882) ist ein EU-Gesetz, das die Barrierefreiheit digitaler Produkte und Dienstleistungen vorschreibt. Gilt seit dem 28. Juni 2025 in allen 27 EU-Ländern. Betrifft E-Commerce, Banken, Telekommunikation, Verkehr. Technischer Standard: EN 301 549 (basierend auf WCAG 2.1 Level AA).
Harmonisierte Europäische Norm für die Barrierefreiheit von IKT
EN 301 549 ist ein europäischer Standard für die Barrierefreiheit von IKT-Produkten von ETSI/CEN/CENELEC. Version 3.2.1 (2021) ist der harmonisierte Standard für die EAA. Für Web: basierend auf WCAG 2.1 Level AA. Deckt auch mobile Apps, Dokumente, Software und Hardware ab.
Experience, Expertise, Authoritativeness, Trustworthiness
E-E-A-T ist Googles Framework zur Bewertung der Inhaltsqualitat. Experience: nachgewiesene Erfahrung. Expertise: Qualifikation des Autors. Authoritativeness: Autoritat der Domain. Trustworthiness: Glaubwurdigkeit. Wichtig für SEO und KI-Zitierungen.
Focus Indicator / Focus Ring
Ein Fokusindikator ist ein sichtbarer Umriss um ein interaktives Element (Link, Schaltfläche, Feld), wenn es den Tastaturfokus erhält. WCAG 2.4.7 (AA) erfordert sichtbaren Fokus. WCAG 2.2 fügte 2.4.11 (Focus Not Obscured) und 2.4.13 (Focus Appearance) hinzu.
Focus Trap / Keyboard Trap
Eine Fokusfalle ist eine Situation, in der ein Tastaturbenutzer ein Element (Modaldialog, Widget) nicht mit Tab oder Escape verlassen kann. WCAG 2.1.2 (A) verbietet Fokusfallen. Ausnahme: Modale SOLLEN den Fokus halten, MÜSSEN aber einen Weg zum Schließen haben (Escape).
Form Accessibility
Formular-Barrierefreiheit stellt sicher, dass Formulare von Menschen mit Behinderungen ausgefüllt werden können. Jedes Feld benötigt ein Label (programmatisch verknüpft über for/id oder aria-label). Fehler müssen klar beschrieben und mit dem Feld verknüpft sein. Das Formular muss per Tastatur bedienbar sein.
Heading Hierarchy
Überschriftenhierarchie ist die logische Struktur von h1-h6 auf einer Seite. Ein h1 pro Seite (Titel). h2 für Hauptabschnitte. h3 für Unterabschnitte. Keine Ebenen überspringen. Screen Reader nutzen Überschriften zur Navigation. 42,7% der Seiten haben übersprungene Überschriftenebenen (WebAIM).
High Contrast Mode
Hoher Kontrast ist ein Anzeigemodus mit erhöhtem Kontrast zwischen Text und Hintergrund. Windows High Contrast Mode (forced-colors) ändert Systemfarben. Eine Website sollte in diesem Modus korrekt funktionieren. CSS Media Query: @media (forced-colors: active).
Inclusive Design
Inklusives Design ist eine Methodik, um Produkte so zu gestalten, dass sie von einer möglichst breiten Gruppe von Menschen mit unterschiedlichen Fähigkeiten genutzt werden können — ohne separate Spezialversion. Anders als Barrierefreiheit (Erfüllung von Standards) ist inklusives Design ein breiterer Prozess, der die Vielfalt der Nutzer von Anfang an berücksichtigt.
Keyboard Navigation
Tastaturnavigation ist die Möglichkeit, eine Website vollständig ohne Maus, nur mit der Tastatur zu bedienen. Tab bewegt zwischen Elementen, Enter aktiviert, Escape schließt, Pfeiltasten navigieren in Menüs/Slidern. WCAG 2.1.1 (A) erfordert Tastaturbedienbarkeit für alle Funktionen.
ARIA Landmark / HTML Landmark
Ein Landmark ist ein semantischer Bereich einer Seite, der die Navigation mit Screen Readern unterstützt. HTML5-Elemente: '<header>', '<nav>', '<main>', '<aside>', '<footer>'. ARIA-Rollen: role="banner", role="navigation", role="main". Verwenden Sie HTML5-Elemente statt ARIA-Rollen wo möglich.
ARIA Live Region
Eine Live Region ist ein Seitenbereich, dessen Änderungen automatisch vom Screen Reader angekündigt werden. aria-live="polite" — ankündigen wenn passend. aria-live="assertive" — sofort ankündigen (für Fehler, Warnungen). role="status" und role="alert" sind eingebaute Live Regions.
Accessibility Overlay Widget
Ein Overlay ist ein JavaScript-Barrierefreiheits-Widget, das Änderungen über einer Seite anwendet, ohne den tatsächlichen HTML-Code zu ändern. Produkte: AccessiBe, UserWay, EqualWeb. Kritik: overlayfactsheet.com (800+ Unterzeichner), NFB, FTC-Strafe AccessiBe $1M. Alternative: DNS-Proxy-Ansatz (InclusiveWeb) — tatsächliche HTML-Korrektur vor der Auslieferung.
Beschluss des Ministerkabinetts Nr. 895 vom 08.07.2026
Der Beschluss Nr. 895 des Ministerkabinetts der Ukraine vom 8. Juli 2026 (Registernummer 895-2026-п) genehmigt das Verfahren zur Unterstützung von Verbraucherinnen und Verbrauchern mit Behinderungen beim Bezug universeller elektronischer Kommunikationsdienste. Ziffer 9 verpflichtet die Websites solcher Anbieter zur Konformität mit DSTU EN 301 549:2022, Ziffer 7 erstreckt die Anforderungen auf Mobile-Apps, Servicedienste und Kundenzentren. Erlassen auf Grundlage von Artikel 100 Absatz 3 des Gesetzes über elektronische Kommunikation, unter Berücksichtigung der Richtlinie (EU) 2018/1972. Inkrafttreten am 15. Juli 2028.
Perceivable, Operable, Understandable, Robust
POUR sind die vier Prinzipien der WCAG. Perceivable (Wahrnehmbar): Inhalte sind für alle Sinne zugänglich. Operable (Bedienbar): Die Oberfläche funktioniert auf verschiedene Weisen. Understandable (Verständlich): Inhalte und Navigation sind klar. Robust (Robust): Funktioniert mit verschiedenen Technologien, einschließlich assistiver.
ARIA Role
Eine ARIA Role ist ein Attribut, das die semantische Rolle eines Elements für assistive Technologien definiert. Typen: Widget-Rollen (button, checkbox, tab), Dokument-Rollen (article, heading), Landmark-Rollen (navigation, main), Live-Region-Rollen (alert, status).
Bildschirmleser
Ein Screen Reader ist eine Software, die Bildschirminhalte für blinde und sehbehinderte Benutzer vorliest. Bekannte: NVDA (Windows, kostenlos), JAWS (Windows, kommerziell), VoiceOver (macOS/iOS, integriert), TalkBack (Android, integriert). 53,7% der Screen-Reader-Nutzer verwenden NVDA (WebAIM Survey 2024).
Section 508 of the Rehabilitation Act
Section 508 ist ein US-Gesetz, das IKT-Barrierefreiheit für Bundesbehörden vorschreibt. 2017 aktualisiert mit Bezug auf WCAG 2.0 Level AA. Betrifft Websites, Dokumente, Software und Hardware, die von der Bundesregierung entwickelt oder beschafft werden.
Semantic HTML
Semantisches HTML bedeutet, HTML-Elemente für ihren vorgesehenen Zweck zu verwenden: '<button>' für Schaltflächen (nicht '<div onclick>'), '<nav>' für Navigation, '<h1>'-'<h6>' für Überschriften. Screen Reader verstehen die Semantik nativer Elemente. Div-Suppe (alles mit divs) ist der häufigste architektonische Barrierefreiheitsfehler.
Shadow DOM ist eine Web-Components-Technologie, die DOM und Styles eines Widgets von der Hauptseite isoliert. Das InclusiveWeb-Barrierefreiheits-Panel nutzt Shadow DOM: Panel-Styles kollidieren nicht mit Website-Styles. Dies gewährleistet korrekte Funktion auf jeder Website.
Link zum Überspringen der Navigation
Ein Skip Link ist ein versteckter Link am Seitenanfang, der bei Tab-Druck erscheint und den direkten Sprung zum Hauptinhalt unter Umgehung der Navigation ermöglicht. WCAG 2.4.1 (A) erfordert einen Mechanismus zum Überspringen wiederholter Blöcke.
Tab Order
Die Tab-Reihenfolge ist die Reihenfolge, in der Elemente beim Drucken von Tab den Fokus erhalten. Sie sollte der visuellen Inhaltsreihenfolge entsprechen (links nach rechts, oben nach unten). WCAG 2.4.3 (A). tabindex="0" fügt zur natürlichen Reihenfolge hinzu. tabindex > 0 ist ein Anti-Pattern.
Text Alternatives
Textalternativen sind textliche Entsprechungen von Nicht-Text-Inhalten. WCAG 1.1.1 (A) erfordert Alternativen für: Bilder (alt), Video (Untertitel, Audiodeskription), Audio (Transkription), Icons (aria-label), CAPTCHA (Audio-Alternative).
Web Accessibility Initiative
WAI ist eine Initiative des W3C (World Wide Web Consortium), die Standards und Richtlinien für Web-Barrierefreiheit entwickelt. Hauptprodukte: WCAG (Inhaltsstandard), ARIA (Interaktivitatsstandard), ATAG (Autorenwerkzeug-Standard), UAAG (User-Agent-Standard).
Web Accessibility Evaluation Tool
WAVE ist ein kostenloses Barrierefreiheits-Testtool von WebAIM. Verfügbar als Webdienst (wave.webaim.org), Chrome/Firefox-Erweiterung und API. Zeigt Fehler, Warnungen und Strukturelemente direkt auf der Seite. Ersetzt kein vollständiges Audit: Automatische Tools finden nur 30-57% der Probleme.
Web Content Accessibility Guidelines
WCAG ist der internationale Standard für die Barrierefreiheit von Webinhalten vom W3C. Definiert technische Kriterien für die Zugänglichkeit von Websites für Menschen mit Behinderungen. Aktuelle Versionen: WCAG 2.1 (2018, 78 Kriterien) und WCAG 2.2 (2023, 86 Kriterien). Stufen: A, AA (empfohlen), AAA.
Web Content Accessibility Guidelines 2.1
WCAG 2.1 (Juni 2018) erweiterte WCAG 2.0 um 17 neue Kriterien für mobile Barrierefreiheit, Sehschwäche und kognitive Einschränkungen. 78 Erfolgskriterien. Basisstandard für EN 301 549 und EAA.
Web Content Accessibility Guidelines 2.2
WCAG 2.2 (Oktober 2023) ist die neueste Aktualisierung des Standards. 86 Kriterien (+9 neue, -1 entfernt). Neue Kriterien: Focus Not Obscured, Focus Appearance, Dragging Movements, Target Size Minimum, Accessible Authentication, Consistent Help, Redundant Entry.
WCAG Conformance Levels (A, AA, AAA)
WCAG definiert drei Stufen: Level A (30 Kriterien in 2.2) — minimale Barrierefreiheit. Level AA (24 Kriterien) — empfohlener Standard, vorgeschrieben durch EAA, ADA. Level AAA (33 Kriterien) — maximale Barrierefreiheit, selten vollständig gefordert.
Web Accessibility
Web-Barrierefreiheit ist die Praxis, Websites zu erstellen, die von allen Menschen genutzt werden können, unabhängig von Behinderung, Alter oder Technologie. Umfasst Screen-Reader-Kompatibilität, Tastaturnavigation, ausreichend Kontrast, Videountertitel und eine klare Struktur. 95,9% der Websites haben Barrierefreiheitsfehler (WebAIM Million 2026).
Web-Barrierefreiheit ist die Praxis, Websites so zu gestalten, dass alle Menschen sie nutzen können, einschließlich Menschen mit Behinderungen: Blinde, Gehörlose, Menschen mit motorischen und kognitiven Einschränkungen. Das bedeutet, die Website funktioniert mit Screen Readern, ist per Tastatur bedienbar, hat ausreichend Kontrast und eine klare Struktur.
WCAG 2.2 hat 9 neue Erfolgskriterien zu WCAG 2.1 hinzugefügt und eines entfernt (4.1.1 Parsing). Neue Kriterien betreffen den Fokus (Focus Not Obscured, Focus Appearance), die Zielgröße (Target Size), das Ziehen (Dragging Movements) und die Authentifizierung (Accessible Authentication).
Das sind die drei WCAG-Konformitätsstufen. Stufe A ist das Minimum (grundlegende Barrierefreiheit). Stufe AA ist der Standard, auf den sich Gesetze und Normen stützen: die EN 301 549 und damit BFSG, BaFG und der European Accessibility Act. Stufe AAA ist das Maximum: selten vollständig gefordert, einzelne Kriterien lohnen sich aber.
ARIA (Accessible Rich Internet Applications) ist ein Satz von HTML-Attributen zur Verbesserung der Barrierefreiheit dynamischer Inhalte. Erste Regel von ARIA: Verwenden Sie kein ARIA, wenn ein natives HTML-Element mit derselben Semantik existiert. ARIA wird für benutzerdefinierte Widgets, Live Regions und komplexe interaktive Komponenten benötigt.
In den USA gelten ADA Title II/III für Websites und Section 508 für Bundesbehörden. In der EU trat der European Accessibility Act (EAA) im Juni 2025 in Kraft. Viele Länder haben nationale Standards basierend auf EN 301 549 und WCAG 2.1 Level AA.
Ein Overlay ist ein JavaScript-Widget, das visuelle Änderungen über eine Website legt. Die National Federation of the Blind und overlayfactsheet.com behaupten, dass Overlays keine echte Barrierefreiheit bieten: Screen Reader sehen CSS-Änderungen nicht, beim Deaktivieren verschwinden alle Korrekturen. Die FTC hat AccessiBe mit $1M bestraft wegen irreführender Behauptungen.
7 Tage kostenlos. Alle 3 Produkte. Keine Kreditkarte. Sofortige Ergebnisse.
Geprüft nach den Kriterien
