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
Erfahrungsberichte (3)
Experimentieren mit Tools
Nuwan Gunaratne - AZQORE
Kurs - User Experience Design with Figma
Maschinelle Übersetzung
Unser Trainer Yashank war unglaublich wissbegierig. Er hat das Curriculum an unsere tatsächlichen Lernbedürfnisse angepasst, und wir hatten eine großartige Lernerfahrung mit ihm. Sein Verständnis des von ihm geleherten Fachgebiets war beeindruckend; er teilte Einsichten aus seiner praktischen Erfahrung und half uns, echte Probleme zu lösen, die wir in unserer Arbeit hatten.
Ahmed Nazeem - Maldives Pension Administration Office
Kurs - Multimodal AI for Enhanced User Experience
Maschinelle Übersetzung
„Ich schätzte sehr den zeitnahen Ansatz, den der Trainer verwendet hat, um zu zeigen, wie unser Team Human-Centered Design (HCD) in unserem Projekt anwenden kann. Es war auch großartig, dass der Trainer sich die Zeit genommen hat, unser Projekt auf höchstem Niveau zu verstehen. Dies half, klare und praktische Anleitung dazu zu geben, wie wir sowohl UX als auch UI besser angehen können.“
Nichole Bryant Joven - Grundfos
Kurs - Human-Centered Design (HCD)
Maschinelle Übersetzung