Seminar/Schulung: Digitale Barrierefreiheit für Websites & Apps
In dieser Schulung lernen Sie, welche Richtlinien bei der Erstellung barrierefreier Websites oder Apps einzuhalten sind und wie diese Vorgaben in Konzept, Design und Code praktisch umgesetzt werden. Wir zeigen Tools zum Testen von digitaler Barrierefreiheit und geben wertvolle Tipps aus der Praxis.
Kurzbeschreibung
Das Thema digitale Barrierefreiheit im Web hat in den vergangenen Jahren spürbar an Bedeutung gewonnen. Einerseits hat das Thema gesellschaftlich einen höheren Stellenwert erhalten, sodass Design-Teams, Organisationen und Unternehmen aus Eigenmotivation heraus die Qualität verbessert haben. Andererseits gibt es auch gesetzliche Vorgaben, je nachdem, um was für ein Projekt es sich handelt. In maximaler Ausprägung müssen knapp 100 Prüfschritte positiv durchlaufen werden. Barrierefreiheit betrifft dabei die Gestaltung gleichermaßen wie Konzept, Redaktion und Entwicklung.
Wir erklären in dieser Schulung, welche Richtlinien es gibt, welche Vorgaben erfüllt werden müssen und wie diese einzuhalten sind. Anhand leicht verständlicher Beispiele beschreiben wir, welche Ansätze erfolgversprechend sind und worauf schon bei der Projektanbahnung geachtet werden sollte.
Themen der Schulung
Die folgende Agenda ist unsere Empfehlung für einen fundierten Einstieg in das Thema digitale Barrierefreiheit. Der Umfang beträgt ca. 8 h. Da Digitalprojekte Team-Jobs sind, macht es am meisten Sinn, wenn Personen mit Design-, Konzept-, Text- und Code-Kompetenz gemeinsam teilnehmen.
Gerne passen wir die Agenda auf Ihre individuellen Anforderungen hin an, bzw. beziehen aktuelle Praxisprojekte mit ein.
Inklusion, Universal Design & Barrierefreiheit
- Barrierefreiheit als gesellschaftlicher Anspruch und gesetzliche Pflicht
- Inklusive Design & Universal Design
- Wer profitiert von Barrierefreiheit?
Richtlinien & Normen im Überblick
- W3C und WAI
- WCAG 2.1 und 2.2 / WCAG 3
- BITV 2.0
- BFSG
- EU-Normen
- ARIA
Showstopper & Quick-Wins
- Häufigste Barrieren in der Praxis
- Show-Stopper: Barrieren mit höchster Priorität
- Quick-Wins: was sich schnell umsetzen lässt
- Sensibilisierung: Klickstrecken exemplarisch durchgehen
Anforderungen im Design
- Farbe und Kontrast
- Typografie & Layout
- Interaktionselemente
- Fokus-Indikation
- Konsistenz und Vorhersehbarkeit
Anforderungen an die Redaktion
- Textalternativen
- Linktexte und CTAs
- Seitentitel & Dokumenttitel
- Seitenaufbau und Hierarchie
- Video, Medien, PDFs
Anforderungen in der Entwicklung
- Semantisches HTML
- Tastatursteuerung
- ARIA
- Formulare & Error-Handling
- Linktexte & Buttons
- Sprache und Verständlichkeit
Prüfschritte & Akzeptanzkriterien
- Aufbau der offiziellen Prüfschritte
- Barrierefreiheit im QA/QS-Prozess
- Akzeptanzkriterien in der Praxis
Tools
- Websites / Browserbasierte Tools
- Desktop-Software & Plugins
- Weitere Ressourcen