Barrierefreiheit lernen. Für Beginner & Profis. Kostenlos & Pro.
Fundiertes Praxiswissen statt grauer Theorie: Schritt-für-Schritt-Leitfäden in Textform und geplante Video-Masterclasses. Vom semantischen HTML bis zum WAI-ARIA Deep-Dive und Screenreader-Testing.
Vorbereitung auf gesetzliche Anforderungen, barrierefreie Design-Systeme und Enterprise-Code.
Interaktives Academy Studio
Wähle deinen Kurs nach Erfahrungsgrad, Format oder Zertifizierungsziel. Starte direkt im Browser.
Interaktives Academy Studio
Wähle deinen Kurs nach Erfahrungsgrad, Format oder Zertifizierungsziel. Starte direkt im Browser.
KURSE GESAMT
8
KOSTENLOS
4
PRO & ZERTIFIKAT
4
VIDEO-KURSE
3
WCAG 2.2 Grundlagen & Schnelleinstieg
Der ideale Einstieg: Was bedeutet Barrierefreiheit technisch? Die 4 Prinzipien (Wahrnehmbar, Bedienbar, Verständlich, Robust) verständlich erklärt.
- Verständnis der WCAG 2.2 Struktur und Konformitätsstufen (A, AA, AAA)
- Typische Barrieren im Web und deren Auswirkungen auf Nutzer
Barrierefreies UI-Design & Kontraste
Für Designer & Frontend-Kreative: Farbkontraste nach WCAG & APCA, typografische Hierarchien, Touch-Targets und barrierefreie Design-Tokens.
- Erstellen barrierefreier Farbpaletten mit ausreichendem Kontrast
- Klick- und Touch-Target-Größen (mind. 24x24px / 44x44px nach WCAG 2.2)
WAI-ARIA Deep-Dive für Frontend-Entwickler
Für fortgeschrittene Web-Entwickler: Die 5 goldenen ARIA-Regeln, komplexe Widgets (Modals, Tabs, Dropdowns, Akkordeons) und Live-Regions.
- Wann ARIA nötig ist – und wann natives HTML die bessere Wahl ist
- Bau vollständig barrierefreier Modaldialoge mit Focus-Trap
Screenreader-Testing: NVDA, JAWS & VoiceOver
Höre deine Webanwendung wie sehbehinderte Menschen: Tastaturkürzel für NVDA (Windows), JAWS und VoiceOver (macOS/iOS) mit echten Demos.
- Beherrschung der wichtigsten Screenreader-Tastaturkommandos
- Aufspüren von Fallen wie Endlosschleifen oder unbenannten Buttons
BFSG 2025 & EAA: Rechtssicherheit für E-Commerce
Alles zum Barrierefreiheitsstärkungsgesetz 2025: Fristen, Pflichten für Online-Shops, Ausnahmen, Bußgelder und Konformitätserklärungen.
- Überblick über das deutsche BFSG und den European Accessibility Act
- Betroffene Produkte, Dienstleistungen und Fristen ab Juni 2025
Barrierefreie Medien: Alt-Texte & Untertitel
Präzise Alternativtexte für Bilder verfassen, WebVTT/SRT-Untertitel erstellen und Audiodeskription für Videos korrekt einbinden.
- Verfassen aussagekräftiger, kontextbezogener Alt-Texte
- Unterscheidung zwischen dekorativen und informativen Grafiken
Automatisierte Accessibility-Tests in CI/CD
Integriere Barrierefreiheitsprüfungen direkt in deine GitHub Actions und GitLab CI: Playwright, axe-core, Pa11y und PR-Blocker.
- Einrichten von axe-core und Playwright in automatisierten Testsuiten
- Blockieren von Pull Requests bei kritischen Barrieren (Zero Regression)
APCA & Neue Kontrastmetriken jenseits von WCAG 2
Warum das alte 4.5:1 Verhältnis oft versagt: Der Advanced Perceptual Contrast Algorithm (APCA) der WCAG 3.0 Generation im Praxis-Check.
- Mathematische und wahrnehmungsbezogene Schwächen von WCAG 2.x Kontrasten
- Funktionsweise des APCA Lightness Contrast (Lc) Algorithmus
Dein strukturierter Weg zur Barrierefreiheit
Wähle den optimalen Einstiegspunkt – ganz gleich, ob du gerade anfängst oder bereits komplexe Enterprise-Apps baust.
Schritt 1: Grundlagen & Sensibilisierung
Verstehe Barrieren, Screenreader-Navigation, Farbkontraste und die rechtlichen Anforderungen des BFSG 2025.
Schritt 2: Barrierefreier Frontend-Code
Lerne semantische Strukturierung, Fokus-Management, Tastatur-Navigation und den fehlerfreien Einsatz von ARIA.
Schritt 3: Auditing & CI/CD-Pipelines
Automatisiere Tests in GitHub/GitLab und etabliere kontinuierliche Qualitätssicherung in deinem gesamten Entwicklungsteam.
Praxisorientiertes Wissen direkt aus dem Source-Code
Keine abstrakten Leitfäden, sondern realistische Code-Beispiele, Screenreader-Tests und rechtssichere Umsetzungen.
Vom ersten Tag an umsetzbar
Erhalte klare Handlungsanweisungen, Code-Snippets für React, Vue, HTML und CSS sowie sofort anwendbare Best Practices.
Dualer Lernpfad: Text & Video
Vertiefe dich in strukturierte Text-Leitfäden mit Live-Code und freue dich auf bevorstehende Video-Masterclasses mit Screenreader-Demos.
BFSG & WCAG 2.2 Konformität
Bereite dein Unternehmen und Team auf das Barrierefreiheitsstärkungsgesetz 2025 und internationale Standards vor.
Baue ein Web, das für alle funktioniert.
Starte jetzt mit einem kostenlosen Check oder entdecke die gesamte Wabiy Plattform.