Das bringt euch die Schulung

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.

Was ihr lernen werdet

Videos mit Wissen welches in unseren Workshops über Jahre entwickelt und erprobt wurde und vor dir schon tausenden Entwickler:innen geholfen hat.

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

Das solltet ihr mitbringen

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

Dieser Kurs richtet sich an Einsteiger.

Was enthalten ist

Teilnahmezertifikat

Teilbar auf

Lebenslanger Zugriff

aktuellste Lernmaterialien

Virtual Classroom

Zugriff auf alle Aufgaben, Unterlagen und Materialien

Community

Zugang zur größten Education Community Deutschlands

Lerne mit Maria Korneeva

Maria Korneeva

Maria ist Google Developer Expert, Freiberuflerin und Frontend Technology Lead. Ihr aktueller Projektfokus liegt auf Angular und Barrierefreiheit. In der Freizeit schreibt sie Blogs für ng-conf und spricht ab und zu auf Tech Meetups und Konferenzen. In ihren Artikeln und Tweets teilt sie gerne ihre Erkenntnisse aus der täglichen Entwicklertätigkeit. Fun fact: sie illustriert ihre Artikel selbst, weil sie gerne malt.