Barrierefreie Websites und Apps

In diesem Einführungs-Webinar zeigt Accessibility-Spezialistin Annett Farnetani Ihnen, was »barrierefrei« bedeutet und wie sich eine barrierefreie Website von einer Website mit Barrieren unterscheidet. Dabei geht es auch um relevante Gesetze und darum, wie Sie digitale Barriere­freiheit in Ihre Prozesse integrieren können (damit ist das Webinar auch ein idealer Einstieg für das Projektmanagement).

Hinweis: Für das Verständnis der folgenden Webinare der Serie empfiehlt sich die Teilnahme an diesem ersten Webinar.

In diesem Webinar lernen Sie:

• was Barrierefreiheit ausmacht und welche Vorteile barrierefreie Websites für alle Nutzer*innen haben
• welche gesetzlichen Regelungen es gibt und in welchem Rahmen sie umgesetzt werden müssen
• wie Sie digitale Barrierefreiheit in Ihre Prozesse integrieren können

In diesem Webinar erfahren Sie, wie Sie die verschiedenen Aspekte der barrierefreien Gestaltung erfolgreich in Ihren Designprozess integrieren. Lernen Sie, wie Sie konsistente barrierefreie Webprojekte und Styleguides erstellen, welche Hilfsmittel es gibt und wie Sie Ihre eigene Gestaltung effektiv testen. Wichtige Tipps und Tricks, die Sie bereits bei der Konzeption und Gestaltung berücksichtigen können, sind ebenfalls Teil dieses spannenden Webinars.

In diesem Webinar lernen Sie:

• wie Sie Prinzipien der barrierefreien Gestaltung in Ihren Designprozess integrieren
• welche Styleguides und Hilfsmittel es gibt
• wie Sie für Konsistenz in Ihren Projekten sorgen und Ihre Gestaltung effektiv testen
• Tipps und Tricks, die Ihnen die Arbeit am Webprojekt erleichtern

Dieses Webinar vermittelt Ihnen grundlegende Kenntnisse der barrierefreien Webentwicklung. Der Fokus liegt auf standardkonformem und semantisch korrektem HTML- und CSS-Code, der in jedem Framework, CMS oder Shopsystem angewendet werden kann. In praxisorientierten Beispielen zeigt Accessibility-Spezialist Stefan Farnetani Ihnen, warum Struktur und Standard­konformität wichtig sind und wie nach den Grundprinzipien der WAI-ARIA barrierefrei aufge­baute Formulare, interaktive Komponenten und Navigationen inkl. Fokusmanagement angelegt werden.

Hinweis: Grundkenntnisse in HTML, CSS und JavaScript werden vorausgesetzt.

In diesem Webinar lernen Sie:

• wie semantisch korrekter HTML- und CSS-Code aussieht
• wie Sie Ihr Produkt mit Headlines und Landmarks korrekt strukturieren sowie Formulare und andere Elemente barrierefrei machen
• was für den hilfreichen Einsatz von Screenreadern notwendig ist
• welche Grundprinzipien die WAI-ARIA vorgibt und warum die Einhaltung von Standards Ihren Aufwand erheblich reduzieren kann

In diesem Webinar lernen Sie die Grundlagen barrierefreier Mobile Apps kennen. Dabei betrachtet Accessibility-Spezialist Stefan Farnetani native Apps für Android und iOS, unab­hängig von der genutzten Programmiersprache. Im zweiten Teil des Webinars erlernen Sie den Umgang mit Accessibility Tree und Accessibility API bzw. Protocol sowie die Verwendung der jeweiligen Accessibility-Funktionen der Plattformen. Zum Abschluss erfahren Sie, wie Sie Ihre Mobile App auf Barrierefreiheit testen können.

Hinweis: Grundkenntnisse in nativer App-Entwicklung werden vorausgesetzt.

In diesem Webinar lernen Sie:

• die Grundlagen der barrierefreien Entwicklung nativer mobiler Apps
• welche plattformspezifischen Konzepte es für die Mobile-App-Entwicklung gibt
• wie Sie Accessibility-Funktionen wie TalkBack, VoiceOver, Schriftgröße und Hochkontrast einsetzen
• wie Sie Ihre eigene Mobile App testen

Das abschließende Webinar dieser Serie widmet sich einem weiteren entscheidenden Thema: den Barrierefreiheitstests. Sie erfahren, wie Sie schnell und effektiv wichtige Tests für die Tastaturbedienbarkeit sowie für Vergrößerung und Anpassung durch Nutzende durchführen. Außerdem machen Sie sich mit den Grundlagen für das Testen mit Screenreadern und anderen gängigen Testwerkzeugen vertraut und lernen, wie Sie automatisierte Tests in Ihre Entwicklungsprozesse integrieren können.

In diesem Webinar lernen Sie:

• wie Sie unter anderem Tastaturbedienbarkeit und Anpassbarkeit Ihrer digitalen Produkte testen
• welche Testwerkzeuge es gibt und wie Sie sie effektiv einsetzen (z.B. Browser DevTools, Colour Contrast Analyser und Accessibility Insights)
• was beim Testen zur Qualitätssicherung oder für den Konformitätsnachweis zu berücksichtigen ist
• wie automatisierte Tests in die Entwicklung integriert werden können