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
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.

enterJS-Newsletter

Du möchtest über die enterJS
auf dem Laufenden gehalten werden?

 

Anmelden