Was bietet mir der Workshop?
Der Workshop vermittelt Web-Accessibility anhand konkreter Aufgaben aus der Webentwicklung. Im Fokus stehen semantisches HTML, WAI-ARIA, barrierefreie Webelemente und automatisierte Barrierefreiheitsprüfungen.
Was lernen die Teilnehmer?
- Web-Accessibility nach WCAG und EN 301 549 einordnen
- Semantisches HTML und WAI-ARIA gezielt einsetzen
- Formulare, Tabellen, Links und Buttons barrierefrei umsetzen
- Barrierefreiheitsprüfungen mit Lintern sowie Unit- und End-to-End-Tests automatisieren
- Tests in CI/CD-Pipelines integrieren
- Grenzen automatisierter Prüfungen erkennen
Für wen ist der Kurs geeignet?
Der Workshop richtet sich an Web Developer und Tech Leads. Er ist als Beginner-Kurs konzipiert und setzt keine speziellen Vorkenntnisse voraus.
Was erhalten Teilnehmer?
- Live-Online-Workshop von 9:00 bis 17:00 Uhr
- Zugangsdaten vorab per E-Mail
- Teilnahme über einen Webbrowser
- Teilnahmezertifikat nach Abschluss
Warum dieser Workshop?
Web-Accessibility wird direkt mit typischen Entwicklungsprozessen verbunden. Teilnehmer beschäftigen sich sowohl mit barrierefreier Webentwicklung als auch mit der Automatisierung von Barrierefreiheitsprüfungen.
Agenda
Grundlagen der Barrierefreiheit
- Definition und Bedeutung
- WCAG und EN 301 549
- Werkzeuge für Barrierefreiheitsaudits
Barrierefreiheit in der Webentwicklung
- Seitenstruktur und Informationen
- Cookie-Banner und Tastaturzugänglichkeit
- Responsivität und semantisches HTML
- WAI-ARIA
- Accessibility Tree
- Screenreader
Webelemente (Auswahl abhängig von Gruppeninteresse / Zeit)
- Menüs und Navigation
- Links und Buttons
- Medien und nicht-textliche Alternativen
- Tabellen
- Formulare
- Eingabemodalitäten
- Webkomponenten
- Rich Applications und SPAs
- Live-Regionen
Automatisierung von Barrierefreiheitsprüfungen
- Linter
- Unit-Tests
- End-to-End-Tests
- CI/CD-Integration
- Barrierefreiheit und KI
- Grenzen der Automatisierung
