Mache deine Website für alle zugänglich!


Gestalte inklusive Websites: Dein ultimativer Online Kurs für Barrierefreiheit nach EAA und WCAG



Dieser Online Kurs bietet eine umfassende Einführung in die Prinzipien und Best Practices der Barrierefreiheit im Webdesign, mit einem besonderen Fokus auf die Anforderungen des European Accessibility Act (EAA) und die Web Content Accessibility Guidelines (WCAG). Lerne, wie Du barrierefreie Websites und mobile Anwendungen gestalten, entwickeln und testen kannst, um allen Nutzer:innen, einschließlich Menschen mit Behinderungen, den Zugang zu digitalen Inhalten zu ermöglichen. Praktische Übungen und die Anwendung von Evaluierungstools unterstützen die direkte Umsetzung des Gelernten.

Dieser Online Kurs bereitet Dich darauf vor, die gesetzlichen Anforderungen, die ab Juni 2025 in Kraft treten, zu erfüllen und Deine digitalen Angebote für alle zugänglich zu machen.


Lernziele des Online Kurses

Nach Abschluss dieses Kurses werden die Teilnehmer:innen in der Lage sein:

  1. Die Bedeutung der Barrierefreiheit im Webdesign zu verstehen und die gesetzlichen Anforderungen des EAA und WCAG zu erklären.

  2. Die Prinzipien der POUR (Perceivable, Operable, Understandable, Robust) im Design und in der Entwicklung von Websites anzuwenden.

  3. Barrierefreie Inhalte zu erstellen, einschließlich korrekt beschriebener Bilder, zugänglicher Multimedia-Inhalte und semantisch strukturiertem Code.

  4. Evaluierungstools wie den WAVE Checker und WordPress-Plugins zur Überprüfung und Verbesserung der Barrierefreiheit zu verwenden.

  5. Aktuelle und zukünftige Entwicklungen in der Barrierefreiheit zu verfolgen und ihre Designs entsprechend anzupassen.

Inhalte und Ablauf des Online Kurses

Kapitel 1: Einführung in die Barrierefreiheit

  • Definition und Bedeutung der Barrierefreiheit

  • Überblick über gesetzliche Anforderungen (EAA, ADA)

Kapitel 2: Einleitung zum European Accessibility Act (EAA)

  • Detaillierte Erklärung der EAA-Anforderungen

Kapitel 3: Web Content Accessibility Guidelines (WCAG)

  • Einführung in WCAG

  • Konformitätsstufen A, AA, AAA

  • Erläuterung der POUR-Prinzipien

Kapitel 4: Prinzipien der barrierefreien Gestaltung

  • Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit, Robustheit

Kapitel 5: Prinzipien im Code

  • Strukturierter und semantischer HTML-Code

  • Detaillierte ARIA-Praktiken

  • JavaScript und Barrierefreiheit

Kapitel 6: Barrierefreiheit in der Praxis

  • Erstellung von ALT-Texten

  • Barrierefreie Einbindung von Multimedia

  • Richtlinien für Formulare, Tabellen, interaktive Elemente

Kapitel 7: Tools und Plugins zur Barrierefreiheit

  • Vorstellung des WAVE Checker Plugins

  • Farbkontraste prüfen und anpassen

  • Unterstützung durch WordPress-Plugins (zB. UserWay)

Kapitel 8: Checkliste zur Barrierefreiheit

Kapitel 9: Dos und Don'ts der Barrierefreiheit zuammengefasst

  • Bewährte Praktiken und häufige Fehler

Warum dieser Kurs?

  • Umfassendes Wissen: Erhalte fundierte Kenntnisse über gesetzliche Anforderungen und Richtlinien, die Dir helfen, gesetzeskonforme und inklusive digitale Produkte zu erstellen.

  • Evaluierungstools: Lerne den effektiven Einsatz von Tools wie dem WAVE Checker und spezialisierten WordPress-Plugins, um die Barrierefreiheit Deiner Projekte zu überprüfen und zu verbessern.

  • Nachhaltiger Erfolg: Erhalte eine umfassende Checkliste mit allen wichtigen Punkten zur Barrierefreiheit, die Dir hilft, die Umsetzung systematisch zu überprüfen und sicherzustellen.

Was Dich erwartet:

  1. Eintauchen in die Welt der Barrierefreiheit: Verstehe die Bedeutung und Notwendigkeit einer barrierefreien Webgestaltung.

  2. Spezielle Anforderungen meistern: Lerne die Unterschiede und Anforderungen des EAA und anderer relevanter Gesetzgebungen kennen.

  3. Gestaltungsprinzipien anwenden: Erfahre, wie Du die POUR-Prinzipien (Perceivable, Operable, Understandable, Robust) in Deine Designs integrierst.

  4. Codierung und ARIA: Setze auf semantisch korrekten HTML-Code und den effektiven Einsatz von ARIA für dynamische Inhalte.

  5. Inhalte zugänglich machen: Optimiere Bilder, Videos und interaktive Elemente für alle Nutzer:innen.

  6. Checkliste: Erhalte eine umfassende Checkliste mit allen wichtigen Punkten zur Barrierefreiheit, die Dir hilft, die Umsetzung systematisch zu überprüfen und sicherzustellen.

Du hast noch Fragen zu unserem Angebot?

Schreibe uns ein E-Mail an office@seeds-designinstitut.com. Wir freuen uns über deine Anfrage!