Beratung und Analyse zur Bewertung der Barrierefreiheit Ihrer Webangebote.

• WCAG- und BITV-Audits: Manuelle und automatisierte Prüfung Ihrer Websites auf Konformität mit WCAG 2.2 und BITV 2.0.

• BFSG- und EAA-Konformitätsprüfungen: Bewertung Ihrer digitalen Angebote im Hinblick auf die gesetzlichen Anforderungen ab 2025.

• Audit-Reports und Maßnahmenkataloge: Strukturierte Dokumentation aller Befunde mit Priorisierung und konkreten Lösungsempfehlungen.

Unterstützung bei der konkreten Umsetzung barrierefreier Webprojekte.

• Barrierefreie Frontend-Entwicklung: Implementierung zugänglicher Komponenten mit HTML, CSS, JavaScript und gängigen Frameworks wie React, Vue oder Angular.

• ARIA und semantisches HTML: Korrekter Einsatz von WAI-ARIA und HTML5-Landmarks für komplexe Webanwendungen.

• Refactoring bestehender Webprojekte: Nachträgliche Anpassung bestehender Websites zur Erfüllung der Barrierefreiheitsanforderungen.

Praxisnahe Trainings für Entwickler, Designer, Redakteure und Projektverantwortliche.

• Grundlagen der Barrierefreiheit: Einführung in WCAG, BFSG und EAA – verständlich und praxisnah.

• Hands-on-Workshops für Entwicklerteams: Technische Tiefenschulungen zu HTML, ARIA, CSS, JavaScript und Frameworks.

• Sensibilisierung mit assistiven Technologien: Praktische Erfahrungen mit Screenreadern, Tastaturnavigation und Simulationen von Einschränkungen.

Langfristige Unterstützung bei der Verankerung von Barrierefreiheit in Ihren Prozessen.

• Accessibility by Design: Integration von Barrierefreiheit in den gesamten UX/UI- und Entwicklungsprozess.

• Definition interner Guidelines: Erstellung von internen Standards, Komponentenbibliotheken und Definition of Done.

• Erklärung zur Barrierefreiheit: Unterstützung bei der gesetzeskonformen Erstellung und Veröffentlichung der Erklärung zur Barrierefreiheit.

• Webentwicklerinnen und Webentwickler, die ihre Frontend-Projekte rechtssicher und barrierefrei umsetzen möchten

• UX/UI-Designer, die inklusive Designs entwickeln und Barrierefreiheit von Anfang an mitdenken wollen

• Projektmanager und Product Owner, die Verantwortung für die Konformität ihrer Webprojekte mit WCAG, BFSG und EAA tragen

• Verständnis der gesetzlichen Anforderungen aus WCAG 2.2, BFSG und EAA und deren konkrete Bedeutung für Webprojekte

• Anwendung der vier WCAG-Prinzipien: Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit

• Erstellung semantisch korrekter und zugänglicher HTML-Strukturen mit korrektem Einsatz von Landmarks und Überschriftenhierarchien

• Interaktive Workshops mit praktischen Übungen an echten Websites und Webanwendungen

• Live-Demonstrationen mit Screenreadern wie NVDA, JAWS und VoiceOver zur Sensibilisierung für reale Nutzungsszenarien

• Hands-on-Labs zur Implementierung barrierefreier Komponenten in HTML, CSS, JavaScript und gängigen Frameworks

• Grundkenntnisse in HTML, CSS und JavaScript

• Erfahrung in der Web- oder Frontend-Entwicklung von Vorteil

• Grundlegendes Verständnis von Webstandards und Browsern

• Rechtssichere Umsetzung der Anforderungen aus WCAG, BFSG und EAA – Vermeidung von Abmahnungen und Sanktionen

• Erweiterung der Zielgruppe durch zugängliche Angebote für Menschen mit Behinderungen und ältere Nutzer

• Bessere Usability und Nutzererfahrung für alle – nicht nur für Menschen mit Einschränkungen

• Dauer: 1-3 Tage

• Ort: Online oder Inhouse

• Teilnehmer: ab 1 Person

• Netto-Preis 1.200 EUR pro Tag bis einschließlich drei Personen

• Brutto-Preis: 1.428 EUR pro Tag bis einschließlich drei Personen

• Auf Anfrage findet das Seminar mit individuellen Inhalten und Termin vor Ort in Ihrem Unternehmen oder online statt.

• Überblick über WCAG 2.1 und WCAG 2.2: Konformitätsstufen A, AA und AAA

• Barrierefreiheitsstärkungsgesetz (BFSG) und Barrierefreiheitsstärkungsgesetz-Verordnung (BFSGV)

• European Accessibility Act (EAA) und seine Auswirkungen auf B2C-Webangebote

• BITV 2.0 für öffentliche Stellen in Deutschland

• EN 301 549 als europäischer Standard für digitale Barrierefreiheit

• Geltungsbereich, Übergangsfristen und Sanktionen bei Nichteinhaltung

• Pflicht zur Erklärung der Barrierefreiheit und Feedback-Mechanismus

• Wahrnehmbarkeit: Textalternativen, Untertitel, Audiodeskriptionen und sensorische Merkmale

• Bedienbarkeit: Tastaturzugänglichkeit, ausreichend Zeit, Vermeidung von Anfällen

• Verständlichkeit: Lesbarkeit, Vorhersehbarkeit und Hilfen bei Eingaben

• Robustheit: Kompatibilität mit assistiven Technologien

• Konkrete Erfolgskriterien und deren Anwendung im Webprojekt

• Häufige Verstöße und wie sie vermieden werden

• Neue Anforderungen aus WCAG 2.2 (z.B. Focus Appearance, Dragging Movements)

• Korrekte Verwendung von Überschriftenstrukturen (h1–h6)

• HTML5-Landmarks: header, nav, main, aside, footer und section

• Listen, Tabellen und deren barrierefreie Beschriftung

• Bilder mit aussagekräftigen Alternativtexten und dekorative Bilder

• Sprachauszeichnung mit lang-Attributen für mehrsprachige Inhalte

• Strukturierung komplexer Inhalte mit figure, details und summary

• Vermeidung typischer HTML-Anti-Patterns in barrierefreien Projekten

• ARIA-Rollen, -Eigenschaften und -Zustände im Überblick

• Die fünf ARIA-Regeln: Wann ARIA verwenden und wann nicht

• Live Regions für dynamische Inhalte und Benachrichtigungen

• ARIA-Patterns für Tabs, Akkordeons, Modals, Menüs und Comboboxen

• Fehlende ARIA-Beschriftungen und falsche Rollenzuweisungen vermeiden

• Zusammenspiel zwischen nativer HTML-Semantik und ARIA

• Barrierefreie Custom-Komponenten in JavaScript-Frameworks

• Farbkontraste nach WCAG-Vorgaben prüfen und sicherstellen

• Responsive und zoomfähige Layouts ohne Funktionsverlust

• Sichtbare Fokus-Indikatoren für Tastaturnutzer

• Reduzierte Bewegung mit prefers-reduced-motion respektieren

• Dark Mode und High-Contrast-Mode unterstützen

• Skalierbare Schriftgrößen mit relativen Einheiten (rem, em)

• Vermeidung von ausschließlich farbbasierter Informationsvermittlung

• Tastaturbedienbarkeit aller interaktiven Elemente sicherstellen

• Focus-Management bei Modals, Single-Page-Applications und Routing

• Skip-Links und logische Tab-Reihenfolge implementieren

• Barrierefreie Drag-and-Drop- und Slider-Komponenten

• Status- und Fehlermeldungen für Screenreader zugänglich machen

• Progressive Enhancement und graceful Degradation

• Barrierefreie Komponenten in React, Vue und Angular

• Korrekte Beschriftung von Formularfeldern mit label, aria-label und aria-labelledby

• Fieldsets und Legends für gruppierte Eingaben

• Zugängliche Fehlermeldungen und Validierungshinweise

• Pflichtfelder kennzeichnen und Hilfetexte einbinden

• Autocomplete-Attribute für Komfort und Barrierefreiheit

• Barrierefreie Datepicker, Upload-Felder und Captchas

• Mehrstufige Formulare und Fortschrittsanzeigen zugänglich gestalten

• Untertitel, Transkripte und Audiodeskriptionen für Videos

• Barrierefreie Audio- und Video-Player

• PDF-Dokumente nach PDF/UA aufbereiten

• Tabellen in Office-Dokumenten zugänglich gestalten

• Diagramme und Infografiken mit Textalternativen versehen

• Eingebettete Inhalte (iframes, Karten, Social Media) zugänglich einbinden

• Barrierefreie E-Mail-Newsletter und Web-Komponenten

• Automatisierte Tests mit axe, Lighthouse, WAVE und Pa11y

• Manuelle Prüfung mit Screenreadern wie NVDA, JAWS und VoiceOver

• Tastatur-Tests und Fokus-Tracking durchführen

• Integration von Accessibility-Tests in CI/CD-Pipelines

• Usability-Tests mit Menschen mit Behinderungen

• BITV-Tests und WCAG-Konformitätsprüfungen verstehen

• Erstellung von Audit-Reports und Maßnahmenkatalogen

• Accessibility by Design: Barrierefreiheit im UX/UI-Prozess verankern

• Definition of Done mit Accessibility-Kriterien erweitern

• Rollen und Verantwortlichkeiten im Team klären

• Schulung von Entwicklern, Designern und Redakteuren

• Erstellung interner Accessibility-Guidelines und Komponentenbibliotheken

• Erklärung zur Barrierefreiheit gesetzeskonform veröffentlichen

• Feedback-Mechanismen und kontinuierliche Verbesserung etablieren