Das bekommst du

Web Accessibility, oftmals auch abgekürzt mit A11Y (accessibility = 11 Buchstaben in der Mitte werden weggelassen um eine kürzere schreibweise zu ermöglichen), ist die technische Umsetzung von Anwendungen im Web welche es ermöglicht Menschen mit verschiedensten Einschränkungen diese Webseiten und Web-Anwendungen zu benutzen.

Primäre Richtlinie im Web sind hierbei die Web Content Accessibility Guidelines (WCAG) 2.1. Hier sind explizite Beispiele und Umsetzungsempfehlungen beschrieben auf dessen Basis auch viele Audits durchgeführt werden.

Agenda

Die folgenden Themen sind Teil der Schulung und werden kontinuierlich aktualisiert.

A11y Foundation Module

Einführung und Sensibilisierung für A11y. Nach diesem Modul sollen die TNs sich vorstellen können, wie Menschen mit Disabilities das Web navigieren. Die TNs bekommen Tools für A11y-Checks. Sie können eigenständig A11y Problemstellen identifizieren.

Definition der digitalen Barrierefreiheit
Menschen und Web
Vorteile des barrierefreien Webauftrittes für Unternehmen
Prinzipien, Standards und rechtliche Grundlagen
Barrieren im Web begegnen:
- Screenreader
- Text Größe und Overflow
- Farbkontrast
- Farbenblindheit
- Keyboard Kompatibilität
- Focus
Tooling für A11y Audit & Checks

A11y Developer Module

Best Practices für einzelne Elemente auf der Webseite und für die Gesamtstruktur. Sie wissen, worauf sie achten sollten, wenn sie vom semantischen HTML abweichen. Sie können eigenständig A11y Problemstellen identifizieren und fixen.

WAI ARIA
Buttons & Links
Landmarks
Dialog (Pop-Ups, Modalbox, Toast Messages usw.)
Live regionen
Menus
Medien
Tabellen
Formulare
Custom Widgets (Carousel, Combobox, Accordion usw.)
Zeitbegrenzungen
Input Modalitäten
Benutzereinstellungen
Rich Applications & SPAs

A11y Sustainable Module

Du lernst A11y im Team nachhaltig etablieren und das Tooling (und die Einschränkungen) dafür kennen.

Linters für Barrierefreiheit
Test libraries - Unit und End-to-End
A11y in CI/CD
Barrierefreiheit und KI
Einschränkungen der A11y-Automatisierung

Was ihr wissen solltet

Voraussetzungen

Grundlagenkenntnisse in HTML & CSS und JavaScript
Technische Voraussetzung: Notebook mit Windows, Linux oder macOs

Du kannst unsere Kurse HTML & CSS Intensiv-Schulung und JavaScript Intensiv-Schulung.

Zielgruppe

Diese Schulung richtet sich an Teilnehmende auf Einsteiger-Niveau.

Was enthalten ist

Teilnahmezertifikat

Teilbar auf

Lebenslanger Zugriff

Immer die aktuellsten Lernmaterialien

Virtueller Klassenraum

Interaktive Lernplattform mit Aufgaben und Materialien

Community

Austausch mit anderen Teilnehmenden und Experten

Lerne mit Maria Korneeva

Maria Korneeva

GDE, Softwareentwicklerin, Speakerin

Maria ist Frontend Technology Lead, Buchautorin und Google Developer Expert mit Fokus auf Angular und Barrierefreiheit. Sie arbeitet freiberuflich an der Entwicklung von Frontend-Anwendungen und leitet Workshops zu Web-Technologien. Ihre Erkenntnisse aus dem Coding-Alltag teilt sie im Buch "Barrierefreie Webentwicklung - von den Grundlagen über die rechtlichen Aspekte bis zur praktischen Umsetzung" sowie auf Konferenzen und Meetups.