Zurück

Grundlagen der Barrierefreiheit in der Webentwicklung

Online-Workshop, 20. November 2023, 9 bis 16 Uhr

In diesem Workshop werden wir die Grundlagen der Barrierefreiheit im Web kennenlernen, um Websites und Webanwendungen zu erstellen, die für alle zugänglich und nutzerfreundlich sind. Mit einer Mischung aus theoretischem Hintergrundwissen und praktischen Übungen werden wir die wichtigsten Prinzipien der Barrierefreiheit erforschen, die Implementierung von barrierefreien Features in HTML, CSS und JavaScript analysieren und Tools kennenlernen, mit denen wir Projekte auf Barrierefreiheit prüfen können.

Wir werden mit einer Einführung in die Grundlagen der Barrierefreiheit beginnen, gefolgt von Informationen zu dem aktuellen rechtlichen Rahmen und den existierenden Richtlinien. Dann tauchen wir in die technischen Details der Implementierung ein und lernen, was wir bei den Farben, Medien, Layouts, Seiteninformationen und Web Components für barrierefreie Webseiten beachten sollten. Abschließend werden wir über Automatisierung der Barrierefreiheits-Audits und deren Einschränkungen sprechen und einen Blick in die Zukunft der Barrierefreiheit mit KI-Tools werfen.

Vorkenntnisse

Grundkenntnisse in HTML, CSS und JavaScript sind erforderlich.

Lernziele

Sensibilisierung für barrierefreies Web
Anwendung der WCAG-Richtlinien in Webprojekten
Erstellung barrierefreier Inhalte und Navigationselemente mit HTML
Barrierefreie Farb- und Layout-Gestaltung mit CSS
Verantwortungsvoller Umgang mit ARIA-Rollen
Implementierung von barrierefreien Features mit JavaScript
Nutzung von Tools und Techniken zur Überprüfung der Barrierefreiheit

Agenda

Module 1: Onboarding & Zielsetzung
Module 2: Einführung & Sensibilisierung:

Definition
Mehrwert für Unternehmen
Rechtlicher Rahmen (BFSG!)
Web Content Accessibility Guidelines (WCAG)
Barrieren im Web erleben:
- Screen readers
- Responsiveness
- Farbe
- Browser Einstellungen
- Bedienbarkeit per Tastatur
- Focus Style und Reihenfolge
- Audits für Barrierefreiheit

Module 3: Barrierefreiheit bei der Webentwicklung:

Seitenstruktur und Information
Semantisches HTML
WAI-ARIA
Web Elemente (Auswahl nach Zeit und Interesse der Gruppe):
- Menüs und Navigation
- Links und Buttons
- Medien und nicht textuelle Alternativen
- Tabellen
- Formulare
- Input Modalitäten
- Web Components
- Rich Applications und SPAs
- Live regions
- Zeiteinschränkung

Module 4: Automatisierung von Barrierefreiheits-Checks

Linters
Unit Tests
End-to-End Tests
CI/CD
Barrierefreiheit und KI
Grenzen der Automatisierung

Technische Anforderungen

Aktueller Webbrowser (zum Beispiel Chrome, Firefox)
Visual Studio Code (frei) oder IntelliJ/WebStorm (kommerziell)
Git Commandline Client
Ein GitHub-Account wäre von Vorteil

Speaker

Maria Korneeva ist Frontend Technology Lead und Google Developer Expert mit Fokus auf Angular. Sie schreibt für ng-conf und spricht auf Tech-Meetups und Konferenzen. In ihren Tweets und Artikeln teilt Maria gerne ihre Erkenntnisse aus dem Programmieralltag. Fun Fact: Sie illustriert ihre Geschichten selbst, weil sie gerne zeichnet.

Jetzt Tickets sichern