Ressourcen und Glossar zur Web-Barrierefreiheit

Diese Seite dient als Nachschlagewerk für Barrierefreiheitsterminologie, offizielle Standards, Tools und weiterführendes Lernen. Setzen Sie ein Lesezeichen und kehren Sie zurück, wann immer Sie einen Begriff nachschlagen oder eine Ressource finden müssen.

Glossar der Web-Barrierefreiheitsbegriffe

Accessibility Tree — Eine vereinfachte Darstellung des DOM, die Browser für assistive Technologien erstellen. Er enthält die semantischen Informationen über Seitenelemente — ihre Namen, Rollen, Zustände und Eigenschaften — die Screenreader und andere assistive Technologien verwenden, um Inhalte den Nutzern zu präsentieren.

Alternativtext (Alt-Text) — Eine Textbeschreibung von Nicht-Text-Inhalten, am häufigsten von Bildern. Alt-Text wird von Screenreadern vorgelesen und angezeigt, wenn Bilder nicht geladen werden können. Er sollte den Zweck oder Inhalt des Bildes beschreiben, nicht nur sein visuelles Erscheinungsbild.

ARIA (WAI-ARIA) — Accessible Rich Internet Applications. Eine W3C-Spezifikation, die zusätzliche HTML-Attribute bereitstellt, um die Barrierefreiheit dynamischer Webinhalte und benutzerdefinierter Widgets zu verbessern. ARIA fügt semantische Informationen für assistive Technologien hinzu, wenn native HTML-Semantik nicht ausreicht.

Assistive Technologie — Hardware oder Software, die Menschen mit Behinderungen zur Interaktion mit digitalen Inhalten nutzen. Beispiele sind Screenreader (JAWS, NVDA, VoiceOver), Bildschirmlupen, alternative Tastaturen, Schaltergeräte, Spracherkennungssoftware und Eye-Tracking-Systeme.

Konformität — Der Grad, zu dem digitale Inhalte die Anforderungen einer bestimmten WCAG-Stufe erfüllen. Vollständige Konformität auf einer bestimmten Stufe bedeutet, dass alle Erfolgskriterien auf dieser Stufe und darunter für die gesamte Seite erfüllt sind.

EAA (European Accessibility Act) — EU-Richtlinie 2019/882, die die Barrierefreiheit von Produkten und Dienstleistungen einschließlich E-Commerce, Bankwesen, Transport und Telekommunikation verlangt. Durchsetzbar seit dem 28. Juni 2025.

EN 301 549 — Der harmonisierte europäische Standard für IKT-Barrierefreiheit. Er integriert WCAG für Webinhalte und stellt zusätzliche Anforderungen für Software, Dokumente, Hardware und Kommunikationstechnologien. Die Konformität mit EN 301 549 begründet eine Konformitätsvermutung mit dem EAA.

Fokusindikator — Ein visueller Indikator (typischerweise eine Umrandung oder Hervorhebung), der anzeigt, welches Element auf einer Seite aktuell den Tastaturfokus hat. Wesentlich für die Tastaturnavigation.

Landmark — Ein Bereich einer Seite, der als strukturell bedeutsam identifiziert wurde und es Nutzern assistiver Technologien ermöglicht, direkt dorthin zu navigieren. Gängige Landmarks sind banner, navigation, main, complementary und contentinfo. Erstellt durch HTML5-Gliederungselemente oder ARIA-Landmark-Rollen.

Live Region — Ein Bereich einer Webseite, der sich dynamisch aktualisiert und dessen Änderungen von assistiven Technologien angekündigt werden sollten, ohne dass der Nutzer zu diesem Bereich navigieren muss. Definiert mit dem aria-live-Attribut mit den Werten „polite" (wird bei der nächsten passenden Pause angekündigt) oder „assertive" (wird sofort angekündigt).

POUR — Die vier Prinzipien der WCAG: Perceivable (Wahrnehmbar), Operable (Bedienbar), Understandable (Verständlich), Robust. Alle WCAG-Richtlinien und Erfolgskriterien sind unter diesen Prinzipien organisiert.

Screenreader — Software für assistive Technologie, die Bildschirminhalte in Sprach- oder Braille-Ausgabe umwandelt. Screenreader interpretieren den Accessibility Tree, um Inhalte darzustellen, die Seitenstruktur zu navigieren und mit Steuerelementen zu interagieren.

Semantisches HTML — HTML-Markup, das Bedeutung über den enthaltenen Inhalt vermittelt, im Gegensatz zur bloßen Definition seines Aussehens. Die Verwendung von <nav> statt <div class="nav">, <button> statt <span onclick> und <h2> statt <div class="heading"> sind Beispiele für semantisches HTML.

Skip-Link — Ein Navigationsmechanismus, typischerweise das erste fokussierbare Element auf einer Seite, der es Tastaturnutzern ermöglicht, wiederholte Inhaltsblöcke (wie Navigationsmenüs) zu überspringen und direkt zum Hauptinhalt zu springen.

Erfolgskriterium — Eine spezifische, testbare Anforderung innerhalb der WCAG. Jedem Erfolgskriterium ist eine Nummer (z. B. 1.4.3), ein beschreibender Name (Kontrast – Minimum) und eine Konformitätsstufe (A, AA oder AAA) zugeordnet.

VPAT (Voluntary Product Accessibility Template) — Ein standardisiertes Dokumentformat, das beschreibt, wie ein Produkt oder eine Dienstleistung den Barrierefreiheitsstandards entspricht. VPATs werden häufig in Beschaffungsprozessen verlangt, insbesondere im US-amerikanischen öffentlichen Sektor.

WCAG (Web Content Accessibility Guidelines) — Der internationale Standard für Web-Barrierefreiheit, veröffentlicht vom W3C. Die aktuelle Version ist WCAG 2.2 mit 86 Erfolgskriterien, die unter vier Prinzipien und dreizehn Richtlinien organisiert sind.

Offizielle Standards und Spezifikationen

• WCAG 2.2 — Die aktuelle W3C Recommendation für die Barrierefreiheit von Webinhalten: w3.org/TR/WCAG22/
• Understanding WCAG 2.2 — Detaillierte Erläuterungen zu jedem Erfolgskriterium: w3.org/WAI/WCAG22/Understanding/
• Techniques for WCAG 2.2 — Spezifische Implementierungstechniken: w3.org/WAI/WCAG22/Techniques/
• WAI-ARIA 1.2 — Die aktuelle ARIA-Spezifikation: w3.org/TR/wai-aria-1.2/
• ARIA Authoring Practices Guide — Implementierungsmuster für barrierefreie Widgets: w3.org/WAI/ARIA/apg/
• EN 301 549 — Europäischer IKT-Barrierefreiheitsstandard
• European Accessibility Act — Richtlinie 2019/882 Volltext

Test-Tools

Kostenlose automatisierte Test-Tools: axe DevTools Browser-Erweiterung, WAVE Browser-Erweiterung, Google Lighthouse (in Chrome integriert), IBM Equal Access Accessibility Checker, Pa11y (Kommandozeile).

Kontrastprüfer: WebAIM Contrast Checker, Colour Contrast Analyser (Desktop-Anwendung), Chrome DevTools Farbauswahl mit Kontrastverhältnis.

Screenreader zum Testen: NVDA (kostenlos, Windows), VoiceOver (in macOS und iOS integriert), TalkBack (in Android integriert), JAWS (kommerziell, Windows).

Browser-Entwicklertools: Chrome Accessibility-Panel, Firefox Accessibility Inspector, Edge DevTools Barrierefreiheitsfunktionen.

Weiterführendes Lernen

• W3C Web Accessibility Initiative (WAI) — Die maßgeblichste Quelle für Barrierefreiheitsanleitung und -standards: w3.org/WAI/
• WebAIM — Praktische Barrierefreiheitsressourcen und Schulungen: webaim.org
• The A11Y Project — Community-getriebene Barrierefreiheitsressource: a11yproject.com
• Deque University — Kostenlose Barrierefreiheitskurse und Zertifizierung: dequeuniversity.com