Was bietet mir der Workshop?
Der Zwei-Tage-Workshop vermittelt die Grundlagen der Barrierefreiheit im Web und verbindet rechtliche Anforderungen mit der praktischen Umsetzung in Webprojekten. Im Fokus stehen BFSG, WCAG, EN 301 549, barrierefreie Webentwicklung und die Automatisierung von Barrierefreiheitsprüfungen.
Am ersten Tag lernen die Teilnehmer die gesetzlichen und technischen Grundlagen der Web-Accessibility kennen. Am zweiten Tag setzen sie Barrierefreiheit mit semantischem HTML, WAI-ARIA, Accessibility Tree und automatisierten Tests praktisch um.
Was lernen die Teilnehmer?
Nach dem Workshop können die Teilnehmer:
- die Bedeutung von Barrierefreiheit im Web und ihre geschäftlichen Vorteile einordnen
- die Anforderungen des Barrierefreiheitsstärkungsgesetzes (BFSG) verstehen
- WCAG und EN 301 549 in Webprojekten anwenden
- Web-Barrieren mit manuellen und automatisierten Methoden erkennen
- semantisches HTML und WAI-ARIA für barrierefreie Webentwicklung einsetzen
- Formulare, Tabellen, Links, Buttons und weitere Webelemente barrierefrei umsetzen
- Barrierefreiheitsprüfungen mit Lintern, Unit-Tests und End-to-End-Tests automatisieren
- automatisierte Prüfungen in CI/CD-Pipelines integrieren
- die Grenzen automatisierter Lösungen für Barrierefreiheit einschätzen
- eine Roadmap für die kontinuierliche Verbesserung der Barrierefreiheit erstellen
Für wen ist der Kurs geeignet?
Der Workshop richtet sich an:
- Product Owner
- Tech Leads
- Projektmanager
Der Kurs ist für Einsteiger konzipiert und erfordert keine Vorkenntnisse. Für die virtuelle Teilnahme wird lediglich ein Webbrowser benötigt.
Was erhalten Teilnehmer?
Die Teilnehmer erhalten:
- einen zweitägigen virtuellen Workshop zu Barrierefreiheit im Web
- praktische Coding Sessions zur barrierefreien Webentwicklung
- Einblicke in Werkzeuge und Techniken für Barrierefreiheitsaudits
- Informationen und Zugangsdaten vor dem Workshop per E-Mail
- nach Abschluss eine Teilnahmebestätigung
Der Workshop wird auf Deutsch über eine Videokonferenzplattform durchgeführt.
Warum dieser Workshop?
Der Workshop verbindet die rechtlichen Grundlagen von BFSG, WCAG und EN 301 549 mit der praktischen Umsetzung von Web-Accessibility. Teilnehmer beschäftigen sich sowohl mit manuellen Prüfmethoden als auch mit der Automatisierung von Barrierefreiheitsprüfungen.
Das Zwei-Tage-Format kombiniert die Workshops „Barrierefreiheit – BFSG, WCAG & Co“ und „Web-Accessibility in der Praxis – Techniken und Automatisierung“. Gegenüber der separaten Buchung beider Ein-Tages-Workshops sparen Teilnehmer 100 Euro.
Agenda
Grundlagen der Barrierefreiheit
- Definition und Bedeutung
- Geschäftliche Vorteile der Barrierefreiheit
Rechtlicher Rahmen für Barrierefreiheit
- Internationale Vorschriften
- Überblick über relevante Gesetze in Deutschland
- Detaillierte Vorstellung des Barrierefreiheitsstärkungsgesetzes (BFSG)
Einführung in die Web Content Accessibility Guidelines (WCAG) und EN 301 549
- Verständnis der WCAG-Prinzipien
- Wichtige Erfolgskriterien der WCAG
- WCAG 2.1 oder WCAG 2.2?
- Zusätzliche Anforderungen in EN 301 549
Erleben von Web-Barrieren
- Assistive Technologien und adaptive Strategien
- Verwendung von Screenreadern
- Wichtigkeit der Responsivität
- Barrierefreie Farbwahl
- Browsereinstellungen
- Tastaturnavigation und Fokusmanagement
- Umgang mit Animationen
- Barrierefreie Video- und Audiowiedergabe
- Verwaltung von Zeiteinschränkungen
Werkzeuge und Techniken für Barrierefreiheitsaudits
- Automatisierte Werkzeuge
- Manuelles Testen
Erstellung einer Barrierefreiheits-Roadmap
- Planung von kurz- und langfristigen Barrierefreiheitszielen
- Verfolgung des Fortschritts und kontinuierliche Verbesserung
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
