settings
OTEX_BIGISTQB®
Süddeutsche Zeitung Institut Auszeichnung
Alle Barrierefreie Gestaltung & Kommunikation Schulungen

Schulung Barrierefreiheit für Designer - zugängliches UX/UI gestalten mit WCAG 2.2

Barrieren erkennen, zugängliche Oberflächen gestalten und Anforderungen für die Umsetzung dokumentieren
2 Tage / S2298
113 Teilnehmende bisher

Schulungsformen

Offene Schulung


  • Dritter Mitarbeitende kostenfrei
  • Learning & Networking in einem. Garantierte Durchführung ab 1 Teilnehmenden.
Präsenz Online

Inhouse-/Firmenschulung

  • 2 Tage - anpassbar
  • Termin nach Wunsch
  • In Ihrem Hause oder bei der GFU
  • Preis nach Angebot

  • Lernumgebung in der Cloud
  • Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Präsenz Online Hybrid

Individualschulung

  • 2 Tage - anpassbar
  • Termin nach Wunsch
  • In Ihrem Hause oder bei der GFU
  • Preis nach Angebot

  • Lernumgebung in der Cloud
  • 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Präsenz Online Hybrid

Beschreibung

Barrierefreiheit beginnt bei Nutzerwegen, verständlichen Inhalten und den Entscheidungen für Layout und Interaktion. In diesem Seminar lernen Sie, typische Barrieren in Websites und Webanwendungen zu erkennen und bereits in der Konzeption und Gestaltung zu reduzieren. Sie beschäftigen sich mit unterschiedlichen Nutzungsbedürfnissen und erfahren, welche Anforderungen sich daraus für Navigation, Typografie, Farbe, Bedienelemente und Formulare ergeben.
Anhand eines durchgängigen Beispielprozesses überarbeiten Sie Entwürfe, gestalten wichtige Zustände und dokumentieren Anforderungen für die Zusammenarbeit mit Entwicklung, Redaktion und Qualitätssicherung. Ausgewählte UX/UI-relevante Anforderungen der WCAG 2.2 auf den Stufen A und AA bilden die fachliche Grundlage. EN 301 549, BFSG und BITV 2.0 werden zur Orientierung eingeordnet.
Sie arbeiten mit Designreviews, kurzen Browserprüfungen und werkzeugunabhängigen Entwurfsübungen. Programmierung und die Bedienung einer Designsoftware sind nicht Bestandteil des Seminars.

Vertiefen Sie Ihr Wissen mit einer weiteren Barrierefreie Gestaltung & Kommunikation Weiterbildung aus unserem Angebot.

Schulungsziel

Nach dem Seminar können Sie typische Barrieren in einem überschaubaren Nutzerprozess erkennen und ihre Auswirkungen auf die Bedienung erläutern. Sie beurteilen und verbessern Entwürfe hinsichtlich Kontrast, Typografie, Struktur, Zielgrößen und Anpassbarkeit. Navigation, Bedienelemente und Formularzustände konzipieren Sie für unterschiedliche Eingabe- und Wahrnehmungsweisen.
Sie formulieren verständliche Beschriftungen, Hinweise sowie Fehler- und Erfolgsmeldungen und dokumentieren Anforderungen an Semantik, Tastaturbedienung und Fokusverhalten für die Entwicklung. Sie können einfache Designreviews und ausgewählte Browserchecks durchführen, deren Grenzen benennen und Designaufgaben, technische Prüfaufgaben sowie Verantwortlichkeiten im Produktteam unterscheiden.
Der Kurs befähigt Sie zur ersten selbstständigen Anwendung im Designprozess. Eine vollständige Konformitätsprüfung oder eine juristische Bewertung eines konkreten Angebots wird damit nicht ersetzt.

Details

Inhalt

  • Ziele und Erwartungen der Teilnehmenden
    • Klärung individueller Lernziele und Erwartungen für ein praxisnahes und relevantes Seminar
  • Tag 1: Einführung - Barrieren verstehen und Gestaltung beurteilen
  • Einstieg und gemeinsame Verantwortung
    • Barrierefreiheit, Usability und inklusive Gestaltung unterscheiden
    • Beiträge von UX/UI, Produktmanagement, Redaktion, Entwicklung und Qualitätssicherung
    • Praxisprojekt starten: einen kurzen Formularprozess auf erste Barrieren untersuchen
  • Nutzungsbedürfnisse und assistive Technologien verstehen
    • Auswirkungen visueller, motorischer, auditiver, sprachlicher und kognitiver Einschränkungen anhand konkreter Aufgaben
    • Dauerhafte, vorübergehende und situationsbedingte Einschränkungen einordnen
    • Demonstration: Navigation und Formular mit Screenreader, Tastatur und Vergrößerung
    • Aus den Beispielen Anforderungen an Struktur, Beschriftung und Bedienung ableiten
  • Standards und Rechtsrahmen zur Orientierung
    • Die vier WCAG-Prinzipien: wahrnehmbar, bedienbar, verständlich und robust
    • WCAG 2.2: ausgewählte A-/AA-Anforderungen und Abgrenzung zu weitergehenden Empfehlungen
    • EN 301 549, BFSG und BITV 2.0: Zusammenhang und unterschiedliche Anwendungsbereiche
    • Anforderungen mit geeigneten Praxishilfen nachschlagen statt Kriterien auswendig lernen
  • Farbe, Typografie und flexible Layouts
    • Text- und Nicht-Text-Kontraste mit einem Kontrastprüfer beurteilen
    • Farbe nicht als einzigen Informationsträger einsetzen
    • Lesbare Typografie, sinnvolle Abstände und erkennbare visuelle Hierarchien
    • Vergrößerung, Textumbruch und schmale Ansichten mitdenken; Inhaltsverlust vermeiden
    • Übung: Farbpaare und eine Beispielansicht korrigieren und Anpassungsregeln dokumentieren
  • Orientierung, Inhalte und verständliche Sprache
    • Seitenstruktur, Überschriften, Navigation und Lesereihenfolge planen
    • Verständliche Linktexte, Schaltflächenbeschriftungen und konsistente Begriffe
    • Aussagekräftige Bildalternativen von dekorativen Bildern unterscheiden
    • Medienalternativen und ihre Berücksichtigung im Layout im Überblick
    • Übung: Struktur und Beschriftungen des Beispielprozesses verbessern
    • Ergebnis Tag 1: Ein erster überarbeiteter Entwurf mit geprüften Farbkontrasten, verbesserter Struktur und einer priorisierten Liste weiterer Barrieren.
  • Tag 2: Anwendung - Interaktion gestalten, spezifizieren und gemeinsam prüfen
  • Projektabgleich und bedienbare Interaktion
    • Ergebnisse und offene Fragen des ersten Tages abgleichen
    • Tastatur-, Maus-, Touch- und Sprachbedienung im Design berücksichtigen
    • Sichtbaren Fokus und eine sinnvolle Fokusreihenfolge planen
    • Verdeckungen durch feste Kopfbereiche, Banner und Überlagerungen vermeiden
    • Zielgrößen und Abstände beurteilen; Alternativen zu Ziehbewegungen konzipieren
    • Übung: Bedien- und Fokusablauf für den Beispielprozess skizzieren
  • Bedienelemente und Zustände gestalten
    • Links, Schaltflächen und Eingabefelder eindeutig erkennbar gestalten
    • Standard-, Hover-, Fokus-, Auswahl-, Fehler- und deaktivierte Zustände unterscheiden
    • Bedeutung, zugängliche Namen und Zustände ohne Code beschreiben
    • An einem Dialogbeispiel Öffnen, Schließen, Fokuswechsel und Fokusrückgabe planen
    • Bewegung und automatische Inhalte begrenzen bzw. steuerbar gestalten
    • Übung: eine kompakte Zustandsübersicht mit Verhaltensnotizen erstellen
  • Formulare, Fehlerbehandlung und zugängliche Abläufe
    • Dauerhafte Beschriftungen, Pflichtangaben und hilfreiche Eingabehinweise
    • Fehler konkret erklären, Korrekturwege anbieten und eingegebene Daten möglichst erhalten
    • Lade-, Fehler- und Erfolgsmeldungen wahrnehmbar und verständlich planen
    • Konsistente Hilfe und vermeidbare Wiederholungseingaben berücksichtigen
    • Zugängliche Anmeldung im Überblick: unterstützende Mechanismen und Alternativen mitdenken
    • Übung: Normalfall, Fehlerfall und Bestätigung des Beispielprozesses ausarbeiten
  • Übergabe an Entwicklung und Qualitätssicherung
    • Designanforderungen zu Struktur, Namen, Zuständen, Tastatur und Fokus dokumentieren
    • Wiederverwendbare Gestaltungsregeln und ausgewählte Komponentenanforderungen festhalten
    • Prüfkriterien formulieren und Verantwortlichkeiten abstimmen
    • Erkennen, welche Anforderungen erst an der implementierten Oberfläche geprüft werden können
    • Übung: eine kurze Übergabespezifikation mit überprüfbaren Kriterien erstellen
  • Abschließendes Designreview und Praxistransfer
    • Beispielprozess gemeinsam anhand einer kompakten Checkliste beurteilen
    • An einer bereitgestellten Browseroberfläche Tastatur-, Fokus- und Vergrößerungschecks erproben
    • Grenzen automatisierter Prüfungen und visueller Prototypen verstehen
    • Die Beteiligung von Menschen mit Behinderungen an Nutzertests einordnen
    • Ergebnisse vorstellen, offene technische Prüfaufgaben festhalten und nächste Schritte für das eigene Team ableiten
    • Lernziele überprüfen, Fragen klären und Ergebnisse sichern
    • Ergebnis Tag 2: Ein kommentierter Beispielprozess mit zentralen Zuständen, Interaktions- und Fokuskonzept, kurzer Übergabespezifikation und Review-Checkliste.
  • Optionale Vertiefungen je nach Bedarf und verfügbarer Zeit
    • Zugängliche Tabellen und einfache Diagramme
    • Medienalternativen und Gestaltung von Medienbedienelementen
    • Weitere Komponenten oder weitergehende Fokusgestaltung
    • Übertragung der erarbeiteten Regeln auf ein vorhandenes Designsystem

Das Seminar richtet sich an UX-/UI-Designerinnen und -Designer, digitale Gestalterinnen und Gestalter sowie Mitarbeitende aus Produktmanagement, Konzeption, Redaktion und Qualitätssicherung, die an Benutzeroberflächen mitarbeiten oder Designentscheidungen beurteilen.
Teilnahmevoraussetzungen
Vorkenntnisse in digitaler Barrierefreiheit sind nicht erforderlich.
Sie sollten mit der Nutzung von Websites und Webanwendungen vertraut sein.
Programmierkenntnisse und Erfahrung mit einer bestimmten Designsoftware werden nicht vorausgesetzt.
Die Übungen sind werkzeugunabhängig; Browseroberflächen dienen der Demonstration und einfachen Prüfung.


In Präsenz

Online
Lernmethode

Neu aufgesetzte Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter.

Wie auch bei unseren Präsenz-Seminaren: Ausgewogene Mischung aus Theorie und praktischen Übungen. Trainer durchgehend präsent.

Unterlagen

Neu aufgesetzte Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter.

Seminarunterlagen oder Fachbuch inklusive (via DHL). Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne.

Arbeitsplatz
PC/VMs für jeden Teilnehmer
Hochwertige und performante Hardware
Große, höhenverstellbare Bildschirme
Zugang zu Ihrem Firmennetz erlaubt
  • Online Meeting + Remote Zugriff auf persönlichen GFU-Schulungs-PC
  • Keine Installation auf dem eigenen PC notwendig
Lernumgebung

Neu aufgesetzte Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter.

Arbeitsmaterialien

DIN A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its

Teilnahmezertifikat

Nach Abschluss des Seminars erhalten Sie das Teilnahmezertifikat inkl. Inhaltsverzeichnis per E-Mail als PDF.

Digitales Badge

Mit dem Abschluss der Schulung erhalten Sie ein digitales Badge, das Ihre Teilnahme und Ihren Lernerfolg bescheinigt.


In Präsenz

Online
Teilnehmendenzahl

min. 1, max. 8 Personen

Garantierte Durchführung

Ab 1 Teilnehmenden*

Schulungszeiten
2 Tage, 09:00 - 16:00 Uhr
Ort der Schulung
GFU Schulungszentrum oder Virtual Classroom
GFU Schulungszentrum
Am Grauen Stein 27
51105 Köln-Deutz

oder online im Virtual Classroom oder europaweit bei Ihnen als Inhouse-Schulung

Um ein optimales Raumklima zu gewährleisten, haben wir das Schulungszentrum mit 17 hochmodernen Trotec TAC V+ Luftreinigern ausgestattet. Diese innovative Filtertechnologie (H14 zertifiziert nach DIN EN1822) sorgt dafür, dass die Raumluft mehrfach pro Stunde umgewälzt wird und Schadstoffe zu 99.995% im HEPA-Filter abgeschieden und infektiöse Aerosole abgetötet werden.

Zusätzlich sind alle Räume mit CO2-Ampeln ausgestattet, um jederzeit eine hervorragende Luftqualität sicherzustellen.

Räumlichkeiten

Helle und modern ausgestattete Räume mit perfekter Infrastruktur

Bequem aus dem Homeoffice von überall

Preisvorteil

Dritter Mitarbeitende nimmt kostenfrei teil.
(Nicht mit anderen Rabatten kombinierbar.)

Eventuell anfallende Prüfungskosten für den dritten Teilnehmenden werden zusätzlich berechnet - auch bei Seminaren inkl. Prüfungsgebühr.

Hinweis: Um den Erfolg der Schulung zu gewährleisten, sollte auch der dritte Teilnehmende die erwarteten Vorkenntnisse mitbringen.

All-Inclusive

Gebäck, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch

Eine Auswahl unserer Frühstücks-Snacks und Nervennahrungs-Highlights senden wir Ihnen mit den Seminarunterlagen via DHL zu.

Barrierefreiheit

Das GFU-Schulungszentrum (Am Grauen Stein 27) ist barrierefrei

-
Rechnungsstellung

Erst nach dem erfolgreichen Seminar. Keine Vorkasse.

Stornierung

Kostenfrei bis zum Vortag des Seminars

Vormerken statt buchen

Sichern Sie sich unverbindlich Ihren Seminarplatz schon vor der Buchung - auch wenn Sie selbst nicht berechtigt sind zu buchen


In Präsenz

Online
  • Eigener Shuttle-Service
  • Reservierte Parkplätze
  • Hotelreservierung
  • Technik-Sofort-Support

Buchungsmöglichkeiten

Online oder in Präsenz teilnehmen

Sie können sowohl Online als auch in Präsenz am Seminar teilnehmen. Klicken Sie bei Ihrer Buchung oder Anfrage einfach die entsprechende Option an.

Gesicherte offene Termine

Weiterbildung Barrierefreiheit für Designer - zugängliches UX/UI gestalten mit WCAG 2.2

TerminOrtPreis
2027
25.01.-26.01.2027
Plätze vorhanden
Köln / Online 1.440,00
Köln / Online 1.440,00 Buchen Vormerken
29.04.-30.04.2027
Plätze vorhanden
Köln / Online 1.440,00
Köln / Online 1.440,00 Buchen Vormerken
29.07.-30.07.2027
Plätze vorhanden
Köln / Online 1.440,00
Köln / Online 1.440,00 Buchen Vormerken
28.10.-29.10.2027
Plätze vorhanden
Online 1.440,00
Online 1.440,00 Buchen Vormerken
  • Buchen ohne Risiko
  • Keine Vorkasse
  • Kostenfreies Storno bis zum Vortag des Seminars
  • Rechnung nach erfolgreichem Seminar
  • All-Inclusive-Preis
  • Garantierter Termin und Veranstaltungsort
  • Preise pro Person zzgl. Mehrwertsteuer
  • Dritter Mitarbeitende kostenfrei (Nicht mit anderen Rabatten kombinierbar.)
Inhouse-/Firmenschulung
  • Lernumgebung in der Cloud
  • Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Präsenz Online Hybrid
Individualschulung
  • Lernumgebung in der Cloud
  • 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Präsenz Online Hybrid

So haben GFU-Kunden gestimmt

Über das Seminar
4/5

Technik super, Unterlagen sehr gut. Sehr guter Nutzen. Sehr kompetenter Trainer, fachlich hervorragend.

Manchmal etwas zu sehr verloren im Detail. Und manchmal etwas zu flapsige Antworten. Schade auch, dass er eine Teilnehmerin öfters übersehen hat. Dadruch fühlt man sich nicht wahrgenommen.


Über die GFU
4/5

Das war alle sehr gut.

Auf Wunsch anonymisiert
Über das Seminar
5/5

Michael ist ein toller Trainer. Seine Geduld, die Bereitschaft, auf jede Frage einzugehen, sowie sein fundiertes Fachwissen machen die Schulungen äußerst effektiv.


Über die GFU
5/5
Auf Wunsch anonymisiert
Über das Seminar
5/5

Informativ und sehr interessant gemacht. Konnte einiges mitnehmen. . Sehr organisiert und informativ gestaltet


Über die GFU
5/5

Hat alles super geklappt.

Ursula B. (Bayerischer Rundfunk)
München
Über das Seminar
5/5

Der Seminarleiter hat die Inhalte verständlich, wohl strukturiert und in einer Art die es leicht gemacht hat ihm zu folgen, vermittelt. Er ist sehr sicher im Bereich der Barrierefreiheit , nicht nur fachlich, sondern auch mit kontextuellem Wissen. Dazu hat er sehr einprägsame Beispiele aus der Praxis mitgebracht die für viele Teilnehmer augenöffnend waren.


Über die GFU
5/5

Leider war die Kommunikation im Vorfeld etwas holprig, am Ende hat alles aber geklappt.

Niklas Philipp (ATLAS Vertriebsservice GmbH)
Frankfurt
Über das Seminar
5/5

Bereitgestellte Präsentation und Ressourcen waren schön gestaltet und hilfreich und haben die Erwartungen erfüllt. Das Seminar und das gewonnene Wissen werden unseren Arbeitsalltag langfristig positiv beeinflussen. Super Vortrag vom Trainer, der immer offen für Fragen von uns war, die auch gerne mal vom Thema abgewichen sind. Methodik und Praxisbeispiele waren super und man hat das Gefühl, dass man in insgesamt ca. 12h viel mitgenommen hat ? mehr als die Zeit vielleicht erlaubt.


Über die GFU
5/5

War alles super.

Auf Wunsch anonymisiert
FAQ für Offene Schulungen
  • Alle folgenden Schulungsformen können auch Online als Virtual Classroom durchgeführt werden.
  • Eine Offene Schulung findet zu einem festgelegten Zeitpunkt im voll ausgestatteten Schulungszentrum oder Online/Remote statt. Sie treffen auf Teilnehmende anderer Unternehmen und profitieren vom direkten Wissensaustausch.
  • Eine Inhouse-/Firmen-Schulung geht auf die individuellen Bedürfnisse Ihres Unternehmens ein. Sie erhalten eine kostenfreie Beratung von Ihrem Seminarleiter und können Inhalte und Dauer auf Ihren Schulungsbedarf anpassen. Inhouse-Schulungen können Europaweit durchgeführt werden.
  • Bei einer Individual-Schulung erhalten Sie eine 1-zu-1 Betreuung und bestimmen Inhalt, Zeit und Lerntempo. Der Dozent passt sich Ihren Wünschen und Bedürfnissen an.

Sie können unsere Schulungen auch als Remote Schulung im Virtual Classroom anfragen.

In drei Schritten zum Online Seminar im Virtual Classroom:

  1. Seminar auswählen und auf "Buchen" klicken
  2. Wählen Sie bei "Wie möchten Sie teilnehmen?" einfach "Online" aus.
  3. Formular ausfüllen und über den Button "Jetzt buchen" absenden.

Unser Kundenservice meldet sich bei Ihnen mit der Buchungsbestätigung.

Unsere Online Schulungen finden im Virtual Classroom statt. Ein Virtual Classroom bündelt mehrere Werkzeuge, wie Audio-Konferenz, Text-Chat, Interaktives Whiteboard, oder Application Sharing.

Vorteile von Virtual Classroom:

  • Sie erhalten 1 zu 1 die gleiche Lernumgebung, die Sie auch vor Ort bei uns vorfinden
  • Die technische Vorbereitung wird von den GFU-Technikern vorgenommen
  • Sie erhalten remote Zugriff auf Ihren persönlichen Schulungs-PC im GFU-Seminarraum
  • Die Virtual Classroom Lösung lässt sich auch im Browser betreiben
  • Die GFU-Technik leistet wie gewohnt Soforthilfe bei Problemen
  • Die Schulungsunterlagen bekommen Sie via DHL zugeschickt
  • Sie sparen Reisekosten und Zeit
  • 25. Jan. - 26. Jan. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • 29. Apr. - 30. Apr. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • 29. Jul. - 30. Jul. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • 28. Okt. - 29. Okt. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • Auch als Inhouse-Schulung, bundesweit mit Termin nach Wunsch und individuellen Inhalten
  • Buchen ohne Risiko! Kostenfreie Stornierung bis zum Vortag des Seminars
Das GFU-Sorglos-Paket

Die Seminare der GFU finden in angenehmer Atmosphäre statt und sind perfekt organisiert. Profitieren Sie von dem Rundum-Service der GFU!

Shuttle-Service

Machen Sie sich keinen Kopf um die Anreise! Unser Shuttle fährt Sie. Oder Sie parken einfach auf einem extra für Sie reservierten Parkplatz.

Hotelreservierung

Hotelzimmer gesucht? Wir organisieren Ihnen eins. Ihr Vorteil: Sie sparen Zeit und Geld!

Kostenfreies Storno

Stornierung bei offenen Seminaren kostenfrei bis einen Tag vor Schulungsbeginn.

Technik-Support

Unsere Techniker sind immer zur Stelle, egal ob online oder vor Ort.

aegallianzaxaElement 1deutsche-bankdeutsche-postlufthansamercedessonyzdf