What you get

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

The following topics are part of the training and are continuously updated.

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

What you should know

Prerequisites

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.

Target Audience

This training is aimed at participants at the Einsteiger level.

What's Included

Certificate of Participation

Shareable on

Lifetime Access

Always the latest learning materials

Virtual classroom

Interactive learning platform with exercises and materials

Community

Exchange with other participants and experts

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