Kontakt aufnehmen

Schulungsübersicht

Rechtlicher Kontext & Grundlagen der Barrierefreiheit

Modul 1: Einführung in das Gesetz zur Barrierefreiheit und seine Bedeutung

  • Überblick über das neue Gesetz zur Barrierefreiheit (in Kraft ab dem 28. Juni)
  • Rechtliche Anforderungen und Fristen
  • Auswirkungen auf den öffentlichen Sektor, private Unternehmen und Entwickler
  • Warum Barrierefreiheit wichtig ist: soziale, ethische und geschäftliche Perspektiven
  • Strafen bei Nichteinhaltung
  • Überblick über Barrierefreiheitsstandards (WCAG 2.1/2.2, ARIA)
  • Kategorien von Behinderungen

Modul 2: Prinzipien & Leitlinien für Barrierefreiheit

  • POUR-Prinzipien (Wahrnehmbar, Bedienbar, Verständlich, Robust)
  • Einführung in die WCAG-Leitlinien
  • ARIA-Rollen, Zustände und Eigenschaften
  • Semantisches HTML und dessen Rolle für die Barrierefreiheit

Modul 3: Einrichten einer barrierefreien Entwicklungsumgebung

  • Tools: Browser-DevTools, Screenreader (NVDA, VoiceOver), Barrierefreiheits-Erweiterungen
  • Einrichten von Linting-Tools und automatisierten Barrierefreiheits-Testtools
  • Überblick über gängige Tools zur Überprüfung der Barrierefreiheit
  • Einrichten des Barrierefreiheitstests auf mobilen Simulatoren und physischen Geräten (unter Verwendung von VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).

Modul 4: Praktisches Coding – Semantisches HTML & Tastaturnavigation

  • Schreiben semantischer Markups für die Barrierefreiheit
  • Sicherstellung der vollständigen Tastaturnavigierbarkeit
  • Techniken zum Management des Fokus
  • Barrierefreie Behandlung von Formularen und interaktiven Elementen

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

  • Wichtige Plattform-Leitlinien (Google Material, Apple Human Interface)
  • Navigation, Buttons und Formulare auf mobilen Geräten barrierefrei machen
  • Gängige Probleme bei der Barrierefreiheit auf mobilen Geräten und Lösungen
  • Praktische Tests mit VoiceOver und TalkBack

Fortgeschrittenes Coding & Assistive Technologien

Modul 5: Barrierefreies CSS und visuelles Design

  • Best Practices für Farbkontraste und Textgrößen
  • Fokusstile und sichtbare Fokusindikatoren
  • Aspekte des responsiven Designs für die Barrierefreiheit
  • Vermeidung von Fallstricken bei der Barrierefreiheit in Animationen und Übergängen
  • Richtlinien für Farbkontraste und Schriftgrößen auf mobilen Bildschirmen.

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

  • Wann und wie man ARIA-Attribute verwendet
  • Verwaltung von Live-Bereichen für Screenreader
  • Erstellung barrierefreier Widgets und benutzerdefinierter Komponenten
  • Die Rolle von ARIA in SPAs (Single Page Applications)
  • Für mobile Geräte: Diskussion über Barrierefreiheitsrollen und -bezeichnungen in nativen Plattformen (z. B. contentDescription in Android, accessibilityLabel in iOS).

Modul 7: Praxis-Code-Lab: Aufbau barrierefreier Komponenten

  • Erstellung barrierefreier Buttons, Modals, Dropdowns und Tabs
  • Implementierung einer barrierefreien Formularvalidierung und Fehlerbehandlung
  • Verwendung von ARIA und semantischem HTML für UI-Komponenten in der Praxis

Tests, Compliance & kontinuierliche Barrierefreiheit

Modul 8: Testen & Auditing von Barrierefreiheit

  • Manuelles Testen mit Screenreadern und ausschliesslich per Tastatur
  • Automatisiertes Testen mit Tools wie axe, Lighthouse, pa11y
  • Erstellung von Barrierefreiheits-Testfällen für QA-Teams
  • Integration des Barrierefreiheitstests in CI/CD-Pipelines
  • Durchführung von Barrierefreiheits-Audits bei nativen mobilen Apps (manuelle Tests, automatisierte Tools wie Accessibility Scanner, Espresso für Android, XCTest für iOS)

Modul 9: Behebung & kontinuierliche Barrierefreiheit

  • Gängige Probleme bei der Barrierefreiheit und deren Behebung
  • Management von Barrierefreiheit in Legacy-Codebasen
  • Aufrechterhaltung der Barrierefreiheit während Feature-Updates und Refactoring
  • Barrierefreiheit in plattformübergreifenden Apps (mobil, Desktop, Web)

Modul 10: Praktische Abschlussübung und Zusammenfassung

  • Aufbau oder Refactoring einer kleinen App/Moduls zur Erfüllung der Barrierefreiheitsstandards
  • Peer-Review und Gruppendiskussion
  • Q&A und Feedbacksession
  • Ressourcen für weiterführendes Lernen und Updates zur Compliance

Voraussetzungen

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

Zielgruppe

  • Frontend-/Backend-/Mobile-Entwickler
  • UI/UX-Designer mit Coding-Kenntnissen
  • QA-Ingenieure, die sich auf Barrierefreiheitstests konzentrieren
  • Product Owner und Projektmanager, die an der Einhaltung von Barrierefreiheitsvorschriften beteiligt sind
 21 Stunden

Teilnehmerzahl


Preis je Teilnehmer (exkl. USt)

Erfahrungsberichte (3)

Kommende Kurse

Verwandte Kategorien