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
Erfahrungsberichte (3)
Damit das UX-Ergebnis überzeugt und eine einfache Implementierung gewährleistet ist, ist es wichtig, die relevanten Aspekte bei der Gestaltung von Prozessflüssen zu berücksichtigen.
Lineo Nchaba - Revenue Services Lesotho
Kurs - User Experience (UX) Design
Maschinelle Übersetzung
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