Barrierefreiheit automatisiert testen mit Playwright

• Grundlagen & Setup
  • Grundlagen der WCAG 2.2 & maschinell prüfbare Kriterien
  • Schnellüberblick: Was automatisierte Tools leisten (und was nicht)
  • Setup: Playwright + Axe installieren und konfigurieren
  • Erste Tests: Seitenstruktur, Landmarken, Kontraste, ARIA-Fehler
  • Ergebnisse auswerten und verständlich dokumentieren

• Integration & Praxis
  • Playwright-Skripte für spezifische Interaktionen (Formulare, Modale, Navigation)
  • Fehlerberichte erstellen, filtern und priorisieren
  • Tests für komplexe UI-Elemente (z. B. Dialoge, dynamische Inhalte)
  • Integration in CI/CD (Beispiel: GitHub Actions)
  • Abschlussprojekt: Eigene Seite/Komponente testen und optimieren
  • optional: Follow-Up-Call nach 2 - 3 Wochen zur Praxisreflexion

• Barrierefreiheitsprüfung mit @axe-core/playwright automatisieren
• Häufige a11y-Probleme erkennen, loggen und reporten
• Tests in CI/CD-Prozesse einbinden (z. B. GitHub Actions, GitLab CI)
• Eigenständige Playwright-Testskripte mit Accessibility-Fokus schreiben

ZielgruppenDieses Seminar richtet sich an:

• QA Engineers mit ersten Erfahrungen in Playwright
• Webentwickler:innen, die für Testautomatisierung und Qualitätssicherung zuständig sind
• Technisch versierte Accessibility-Beauftragte, die Prüfungen automatisieren möchten

Voraussetzungen:

• Sie verfügen über Grundkenntnisse in JavaScript
• Sie haben bereits mit Playwright gearbeitet oder erste Tests damit durchgeführt
• Grundverständnis für Barrierefreiheitsanforderungen (WCAG) ist hilfreich