Kontakt aufnehmen
 Dauer 21 Stunden

Schulungsübersicht

Rechtlicher Kontext & Grundlagen der Barrierefreiheit

Modul 1: Einführung in das Accessibility-Gesetz und seine Bedeutung

  • Überblick über das neue Accessibility-Gesetz (in Kraft ab dem 28. Juni)
  • Rechtliche Anforderungen und Fristen
  • Auswirkungen auf den öffentlichen Sektor, Privatunternehmen und Entwickler
  • Warum Barrierefreiheit wichtig ist: soziale, ethische und geschäftliche Perspektiven
  • Strafen für Nichtkonformität
  • Überblick über Accessibility-Standards (WCAG 2.1/2.2, ARIA)
  • Kategorien von Behinderungen

Modul 2: Prinzipien & Richtlinien der Barrierefreiheit

  • POUR-Prinzipien (Wahrgenommen, Bedienbar, Verständlich, Robust)
  • Einführung in die WCAG-Richtlinien
  • ARIA-Rollen, Zustände und Eigenschaften
  • Semantisches HTML und seine Rolle in der Barrierefreiheit

Modul 3: Einrichtung einer barrierefreien Entwicklungsumgebung

  • Werkzeuge: Browser-Developer-Tools, Screenreader (NVDA, VoiceOver), Accessibility-Extensions
  • Einrichten von Linters und automatisierten Accessibility-Testing-Werkzeugen
  • Überblick über gängige Accessibility-Testing-Werkzeuge
  • Einrichtung des Accessibility-Testings auf mobilen Simulatoren und echten Geräten (mit VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).

Modul 4: Praktisches Coding – Semantisches HTML & Tastaturnavigation

  • Schreiben von semantischem Markup für Barrierefreiheit
  • Sicherstellen der vollständigen Tastaturnavigation
  • Techniken zum Fokus-Management
  • Zugängliche Handhabung von Formularen und interaktiven Elementen

Barrierefreiheit in nativen Mobile-Apps (Optionales Zusatzmodul für 1,5 Stunden)

  • Wichtige Plattformrichtlinien (Google Material, Apple Human Interface)
  • Machen von Navigation, Buttons und Formularen auf Mobilgeräten zugänglich
  • Gängige mobile Accessibility-Probleme und Lösungen
  • Praktisches Testen mit VoiceOver und TalkBack

Fortgeschrittenes Coding & Assistive Technologien

Modul 5: Barrierefreies CSS und visuelles Design

  • Best Practices für Farbkontrast und Textgröße
  • Fokus-Stile und sichtbare Fokus-Indikatoren
  • Berücksichtigung von Responsive Design für Barrierefreiheit
  • Vermeidung von Accessibility-Fallstricken in Animationen und Übergängen
  • Richtlinien für Farbkontrast und Größen für mobile Bildschirme.

Modul 6: ARIA für dynamische Inhalte & Rich Internet Applications

  • Wann und wie ARIA-Attribute verwendet werden
  • Verwalten von Live-Regionen für Screenreader
  • Erstellen von zugänglichen Widgets und benutzerdefinierten Komponenten
  • Rolle von ARIA in SPAs (Single Page Applications)
  • Für mobile Geräte: Diskussion über Accessibility-Rollen und Labels in nativen Plattformen (z. B. contentDescription in Android, accessibilityLabel in iOS).

Modul 7: Praktisches Coding-Lab: Bau barrierefreier Komponenten

  • Erstellen von zugänglichen Buttons, Modals, Dropdowns, Tabs
  • Implementierung von barrierefreier Formularvalidierung und Fehlerbehandlung
  • Verwendung von ARIA und semantischem HTML für reale UI-Komponenten

Testing, Konformität und kontinuierliche Barrierefreiheit

Modul 8: Accessibility-Testing & Auditierung

  • Manuelle Testtechniken mit Screenreadern und ausschließlich Tastatur
  • Automatisiertes Testing mit Werkzeugen wie axe, Lighthouse, pa11y
  • Schreiben von Accessibility-Testfällen für QA-Teams
  • Integration des Accessibility-Testings in CI/CD-Pipelines
  • Durchführung von Accessibility-Audits für native mobile Apps (manuelle Tests, automatisierte Werkzeuge wie Accessibility Scanner, Espresso für Android, XCTest für iOS)

Modul 9: Behebung & kontinuierliche Barrierefreiheit

  • Gängige Accessibility-Probleme und wie sie behoben werden
  • Management der Barrierefreiheit in Legacy-Codebasen
  • Wahrung der Barrierefreiheit während Funktionsupdates und Refactoring
  • Barrierefreiheit in Multi-Plattform-Apps (mobil, Desktop, Web)

Modul 10: Abschließende praktische Übung und Wrap-up

  • Bau oder Refactoring einer kleinen App/eines Moduls zur Erfüllung der Accessibility-Standards
  • Peer-Review und Gruppenbesprechung
  • Frage-und-Antwort- und Feedback-Session
  • Ressourcen für kontinuierliches Lernen und Updates zur Konformität

Voraussetzungen

  • Grundlegende bis fortgeschrittene Kenntnisse in HTML, CSS, JavaScript
  • Grundlegende bis fortgeschrittene Kenntnisse in mobilen App-Techniken (Android, iOS)
  • Vertrautheit mit Frontend-Frameworks (React, Angular, Vue usw.) ist von Vorteil
  • Vertrautheit mit der Entwicklung mobiler Apps ist von Vorteil
  • Grundlegendes Verständnis des Lebenszyklus der Web-/Mobile-Entwicklung
  • Laptop mit eingerichteter Entwicklungsumgebung (Code-Editor, Browser-Developer-Tools)

Zielgruppe

  • Frontend-/Backend-/Mobile-Entwickler
  • UI/UX-Designer mit Coding-Kenntnissen
  • QA-Ingenieure, die sich auf Accessibility-Testing spezialisieren
  • Produktbesitzer und Projektmanager, die an der Accessibility-Konformität beteiligt sind

Teilnehmerzahl


Preis je Teilnehmer (exkl. USt)

Erfahrungsberichte (3)

Kommende Kurse

Verwandte Kategorien