Zum Hauptinhalt springen
Förderungen bis zu $15.000/Jahr für Medien
InclusiveWeb

Glossar

Glossar der Web-Barrierefreiheit

Definitionen von 40+ Schlüsselbegriffen zu WCAG, ARIA, EAA und digitaler Barrierefreiheit mit Beispielen und Links zu offiziellen Quellen.

Letzte Aktualisierung: 06.04.2026

A7 Begriffe

a11y

Accessibility (Abkurzung)

a11y ist eine Abkurzung 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.

ADA

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 fur Websites. Im April 2024 veroffentlichte das DOJ eine Schlussregel mit technischen Standards (WCAG 2.1 AA) fur Regierungswebsites mit Frist April 2026.

Alt-Text

Alternative Text (Alternativtext)

Alt-Text ist eine Textbeschreibung eines Bildes im alt-Attribut des '<img>'-Tags. Screen Reader lesen den Alt-Text fur blinde Benutzer vor. Dekorative Bilder sollten ein leeres alt (alt="") haben. Informative Bilder benötigen eine kurze Beschreibung (bis 125 Zeichen).

ARIA

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), Zustande (aria-expanded, aria-hidden) und Eigenschaften (aria-label, aria-describedby). Erste Regel: Wenn ein natives HTML-Element die benotigte Semantik hat, verwenden Sie es statt ARIA.

Assistive Technologien

Assistive Technology (AT)

Assistive Technologien sind Gerate 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).

Accessibility Overlay

Overlay (Barrierefreiheits-Overlay)

Ein Overlay ist ein JavaScript-Widget, das ein Einstellungspanel uber der Website hinzufugt (Schriftarten, Kontrast, Cursor). Es ändert nicht den tatsächlichen HTML-Code der Seite. Die National Federation of the Blind und 700+ Fachleute (overlayfactsheet.com) behaupten, dass Overlays keine echte WCAG-Konformitat bieten.

Accessibility Statement

Erklärung zur Barrierefreiheit

Ein Accessibility Statement ist ein offentliches Dokument auf einer Website, das den Grad der Barrierefreiheit, bekannte Einschränkungen, Kontaktinformationen fur Problemmeldungen und geplante Verbesserungen beschreibt. Vorgeschrieben durch die EAA in der EU und empfohlen von W3C WAI.

C4 Begriffe

CLS

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, erhohen den CLS und verschlechtern das SEO-Ranking.

Farbkontrast

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 fur normalen Text und 3:1 fur großen Text (>18pt oder >14pt fett). Geringer Kontrast ist der häufigste Fehler: 81% der Websites haben dieses Problem (WebAIM).

Kognitive Barrierefreiheit

Cognitive Accessibility

Kognitive Barrierefreiheit ist Design fur Menschen mit kognitiven Einschränkungen: Legasthenie, ADHS, Autismus, Gedachtnisprobleme. Umfasst klare Sprache, konsistente Navigation, minimale Ablenkungen, ausreichend Zeit fur Aktionen.

CAPTCHA

Completely Automated Public Turing test

CAPTCHA ist ein Test zur Unterscheidung von Menschen und Bots. Visuelle CAPTCHAs (verzerrter Text, Bildauswahl) sind eine Barriere fur Blinde und Menschen mit kognitiven Einschränkungen. WCAG erfordert einen alternativen Weg.

D3 Begriffe

DSTU EN 301 549

DSTU EN 301 549:2022

DSTU EN 301 549:2022 ist der ukrainische nationale Standard fur die Barrierefreiheit von IKT-Produkten, identisch mit dem europaischen EN 301 549 v3.2.1. Umfasst Anforderungen fur Websites (basierend auf WCAG 2.1 Level AA), mobile Apps, Dokumente und Selbstbedienungsterminals.

DOM

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.

E3 Begriffe

EAA

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).

EN 301 549

Harmonised European Standard for ICT Accessibility

EN 301 549 ist ein europaischer Standard fur die Barrierefreiheit von IKT-Produkten von ETSI/CEN/CENELEC. Version 3.2.1 (2021) ist der harmonisierte Standard fur die EAA. Fur Web: basierend auf WCAG 2.1 Level AA. Deckt auch mobile Apps, Dokumente, Software und Hardware ab.

E-E-A-T

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 fur SEO und KI-Zitierungen.

F3 Begriffe

Fokusindikator

Focus Indicator / Focus Ring

Ein Fokusindikator ist ein sichtbarer Umriss um ein interaktives Element (Link, Schaltflache, Feld), wenn es den Tastaturfokus erhalt. WCAG 2.4.7 (AA) erfordert sichtbaren Fokus. WCAG 2.2 fugte 2.4.11 (Focus Not Obscured) und 2.4.13 (Focus Appearance) hinzu.

Fokusfalle

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, MUSSEN aber einen Weg zum Schliessen haben (Escape).

Formular-Barrierefreiheit

Form Accessibility

Formular-Barrierefreiheit stellt sicher, dass Formulare von Menschen mit Behinderungen ausgefullt werden können. Jedes Feld benotigt ein Label (programmatisch verknupft uber for/id oder aria-label). Fehler müssen klar beschrieben und mit dem Feld verknupft sein. Das Formular muss per Tastatur bedienbar sein.

H2 Begriffe

Überschriftenhierarchie

Heading Hierarchy

Überschriftenhierarchie ist die logische Struktur von h1-h6 auf einer Seite. Ein h1 pro Seite (Titel). h2 fur Hauptabschnitte. h3 fur Unterabschnitte. Keine Ebenen uberspringen. Screen Reader nutzen Überschriften zur Navigation. 42,7% der Seiten haben übersprungene Überschriftenebenen (WebAIM).

Hoher Kontrast

High Contrast Mode

Hoher Kontrast ist ein Anzeigemodus mit erhohtem 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).

K1 Begriff
L2 Begriffe

Landmark

ARIA Landmark / HTML Landmark

Ein Landmark ist ein semantischer Bereich einer Seite, der die Navigation mit Screen Readern unterstutzt. HTML5-Elemente: '<header>', '<nav>', '<main>', '<aside>', '<footer>'. ARIA-Rollen: role="banner", role="navigation", role="main". Verwenden Sie HTML5-Elemente statt ARIA-Rollen wo moglich.

Live Region

ARIA Live Region

Eine Live Region ist ein Seitenbereich, dessen Änderungen automatisch vom Screen Reader angekundigt werden. aria-live="polite" — ankundigen wenn passend. aria-live="assertive" — sofort ankundigen (fur Fehler, Warnungen). role="status" und role="alert" sind eingebaute Live Regions.

O1 Begriff

Overlay

Accessibility Overlay Widget

Ein Overlay ist ein JavaScript-Barrierefreiheits-Widget, das Änderungen uber einer Seite anwendet, ohne den tatsächlichen HTML-Code zu andern. Produkte: AccessiBe, UserWay, EqualWeb. Kritik: overlayfactsheet.com (700+ Unterzeichner), NFB, FTC-Strafe AccessiBe $1M. Alternative: DNS-Proxy-Ansatz (InclusiveWeb) — tatsächliche HTML-Korrektur vor der Auslieferung.

P1 Begriff

POUR

Perceivable, Operable, Understandable, Robust

POUR sind die vier Prinzipien der WCAG. Perceivable (Wahrnehmbar): Inhalte sind fur alle Sinne zuganglich. Operable (Bedienbar): Die Oberflache funktioniert auf verschiedene Weisen. Understandable (Verstandlich): Inhalte und Navigation sind klar. Robust (Robust): Funktioniert mit verschiedenen Technologien, einschließlich assistiver.

R1 Begriff

Role (ARIA)

ARIA Role

Eine ARIA Role ist ein Attribut, das die semantische Rolle eines Elements fur assistive Technologien definiert. Typen: Widget-Rollen (button, checkbox, tab), Dokument-Rollen (article, heading), Landmark-Rollen (navigation, main), Live-Region-Rollen (alert, status).

S5 Begriffe

Screen Reader

Bildschirmleser

Ein Screen Reader ist eine Software, die Bildschirminhalte fur 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

Section 508 of the Rehabilitation Act

Section 508 ist ein US-Gesetz, das IKT-Barrierefreiheit fur Bundesbehorden 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.

Semantisches HTML

Semantic HTML

Semantisches HTML bedeutet, HTML-Elemente fur ihren vorgesehenen Zweck zu verwenden: '<button>' fur Schaltflachen (nicht '<div onclick>'), '<nav>' fur Navigation, '<h1>'-'<h6>' fur Überschriften. Screen Reader verstehen die Semantik nativer Elemente. Div-Suppe (alles mit divs) ist der häufigste architektonische Barrierefreiheitsfehler.

Shadow DOM

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 gewahrleistet korrekte Funktion auf jeder Website.

T2 Begriffe

Tab-Reihenfolge

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" fugt zur naturlichen Reihenfolge hinzu. tabindex > 0 ist ein Anti-Pattern.

Textalternativen

Text Alternatives

Textalternativen sind textliche Entsprechungen von Nicht-Text-Inhalten. WCAG 1.1.1 (A) erfordert Alternativen fur: Bilder (alt), Video (Untertitel, Audiodeskription), Audio (Transkription), Icons (aria-label), CAPTCHA (Audio-Alternative).

W7 Begriffe

WAI

Web Accessibility Initiative

WAI ist eine Initiative des W3C (World Wide Web Consortium), die Standards und Richtlinien fur Web-Barrierefreiheit entwickelt. Hauptprodukte: WCAG (Inhaltsstandard), ARIA (Interaktivitatsstandard), ATAG (Autorenwerkzeug-Standard), UAAG (User-Agent-Standard).

WAVE

Web Accessibility Evaluation Tool

WAVE ist ein kostenloses Barrierefreiheits-Testtool von WebAIM. Verfugbar als Webdienst (wave.webaim.org), Chrome/Firefox-Erweiterung und API. Zeigt Fehler, Warnungen und Strukturelemente direkt auf der Seite. Ersetzt kein vollstandiges Audit: Automatische Tools finden nur 30-57% der Probleme.

WCAG

Web Content Accessibility Guidelines

WCAG ist der internationale Standard fur die Barrierefreiheit von Webinhalten vom W3C. Definiert technische Kriterien fur die Zuganglichkeit von Websites fur Menschen mit Behinderungen. Aktuelle Versionen: WCAG 2.1 (2018, 78 Kriterien) und WCAG 2.2 (2023, 87 Kriterien). Stufen: A, AA (empfohlen), AAA.

WCAG 2.1

Web Content Accessibility Guidelines 2.1

WCAG 2.1 (Juni 2018) erweiterte WCAG 2.0 um 17 neue Kriterien fur mobile Barrierefreiheit, Sehschwache und kognitive Einschränkungen. 78 Erfolgskriterien. Basisstandard fur EN 301 549 und EAA.

WCAG 2.2

Web Content Accessibility Guidelines 2.2

WCAG 2.2 (Oktober 2023) ist die neueste Aktualisierung des Standards. 87 Kriterien (+9 neue, -1 entfernt). Neue Kriterien: Focus Not Obscured, Focus Appearance, Dragging Movements, Target Size Minimum, Accessible Authentication, Consistent Help, Redundant Entry.

WCAG-Stufen

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 vollstandig gefordert.

Web-Barrierefreiheit

Web Accessibility

Web-Barrierefreiheit ist die Praxis, Websites zu erstellen, die von allen Menschen genutzt werden können, unabhangig von Behinderung, Alter oder Technologie. Umfasst Screen-Reader-Kompatibilitat, Tastaturnavigation, ausreichend Kontrast, Videountertitel und eine klare Struktur. 96,3% der Websites haben Barrierefreiheitsfehler (WebAIM Million 2025).

Häufig gestellte Fragen

Was ist Web-Barrierefreiheit einfach erklärt?

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.

Was ist der Unterschied zwischen WCAG 2.1 und WCAG 2.2?

WCAG 2.2 hat 9 neue Erfolgskriterien zu WCAG 2.1 hinzugefugt und eines entfernt (4.1.1 Parsing). Neue Kriterien betreffen den Fokus (Focus Not Obscured, Focus Appearance), die Zielgrosse (Target Size), das Ziehen (Dragging Movements) und die Authentifizierung (Accessible Authentication).

Was sind Level A, AA und AAA?

Das sind drei WCAG-Konformitatsstufen. Level A ist das Minimum (grundlegende Barrierefreiheit). Level AA ist der empfohlene Standard (gesetzlich vorgeschrieben in der EU und den USA). Level AAA ist das Maximum (selten vollstandig gefordert, aber einzelne Kriterien sind erfullenswert).

Was ist ARIA und wann sollte man es verwenden?

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 fur benutzerdefinierte Widgets, Live Regions und komplexe interaktive Komponenten benotigt.

Welche Gesetze verlangen die Barrierefreiheit von Websites?

In den USA gelten ADA Title II/III fur Websites und Section 508 fur Bundesbehorden. 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.

Was ist ein Accessibility Overlay und funktioniert es?

Ein Overlay ist ein JavaScript-Widget, das visuelle Änderungen uber 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.

Machen Sie Ihre Website in 3 Minuten barrierefrei

7 Tage kostenlos. Alle 3 Produkte. Keine Kreditkarte. Sofortige Ergebnisse.

WCAG 2.1/2.2 AA
EAA 2025 Ready
EN 301 549
Glossar der Web-Barrierefreiheit — WCAG, ARIA, EAA, a11y & 40+ Begriffe | InclusiveWeb