Digitale Barriere-Freiheit mit Figma

In diesem Modul legst du das Fundament für deine Weiterbildung rund um digitale Barrierefreiheit im UX- und UI-Design. Du erfährst, was barrierefreies Webdesign bedeutet, welche Anforderungen sich aus dem Barrierefreiheitsstärkungsgesetz (BFSG) und den internationalen WCAG-Standards ergeben – und warum diese Themen für Webdesigner:innen und digitale Produktteams heute unverzichtbar sind. Neben grundlegenden Begriffen und Zielgruppen geht es auch um Haltung: Wie lässt sich Inklusion aktiv gestalten? Du bekommst außerdem einen Überblick über die Tools, mit denen du im Kurs arbeitest – und darüber, wie du Barrierefreiheit systematisch in deinen Designprozess integrierst.

Dieses Modul verbindet fundierte UX-Grundlagen mit konkreten Anforderungen der digitalen Barrierefreiheit. Du lernst, wie nutzerzentriertes Design zur Basis für inklusive digitale Produkte wird – und wie du gängige UX-Methoden gezielt für barrierefreies Webdesign einsetzt. Neben einer Einführung in User Exoperience Design sowie bewährten Gestaltungsprinzipien wie den Laws of UX, vertiefst du dein Wissen in Bezug auf Navigation, Fokusführung, Tastaturbedienbarkeit und kognitive Zugänglichkeit. Im praktischen Teil setzt du das Gelernte in Figma um – mit ersten Wireframes und Low-Fidelity-Prototypen.

In diesem Modul liegt der Fokus auf der visuellen Gestaltung digitaler Interfaces – mit einem klaren Schwerpunkt auf barrierefreies UI Design. Du lernst grundlegende Prinzipien wie Farbkontraste, Typografie, Designsysteme und Stylescapes kennen und erfährst, wie du diese systematisch in Figma umsetzt. Im erweiterten Teil steigst du tiefer in Figma ein: Du arbeitest mit Auto-Layout, Responsive Design, Navigationselementen und Buttons – immer mit Blick auf Zugänglichkeit und Nutzerfreundlichkeit. Dabei gestaltest du auch komplexe, barrierefreie UI-Komponenten wie Formulare oder interaktive Elemente, die den Anforderungen der WCAG und des BFSG gerecht werden.

Im letzten Modul deiner Weiterbildung lernst du, wie du barrierefreie Web- und App-Projekte konsequent in der Praxis umsetzt. Du erhältst eine fundierte Einführung in Tools zur Barrierefreiheitsprüfung und Checklisten – ergänzt um sinnvolle Einsatzmöglichkeiten von künstlicher Intelligenz. Zum Abschluss lernst du, wie du Barrierefreiheit im Team dokumentierst, kommunizierst und verlässlich umsetzt.

In diesem Abschnitt deiner Weiterbildung vertiefst du dein Wissen in der praktischen Anwendung: Du lernst, wie du mit No-Code-Tools wie Framer barrierefreie Interfaces umsetzt. Du erfährst außerdem, wie sich barrierefreie Inhalte aus Figma nach Framer übertragen lassen, um klickbare Prototypen und Webprojekte umzusetzen. Ein weiterer Schwerpunkt liegt auf dem Thema barrierefreie PDFs: Du lernst, worauf du beim Layout in InDesign achten musst, wie du PDFs korrekt exportierst und nachbearbeitest – und wie du typische Fehler vermeidest. Abschließend setzt du dich mit Inklusion und Diversity im Design auseinander: Welche Rolle spielen Sprache, Hautfarben, Geschlecht, Kultur oder queere Identitäten in der Gestaltung? Dieses Modul sensibilisiert für eine ganzheitliche Perspektive auf barrierefreies Webdesign – über gesetzliche Standards hinaus.

Im Abschlussprojekt wendest du dein erlerntes Wissen aus der gesamten Weiterbildung an und entwickelst ein eigenständiges, barrierefreies Designkonzept – z. B. für eine Website, App oder ein digitales Service-Angebot. Dabei durchläufst du alle relevanten Phasen: von Research und UX über barrierefreies UI-Design in Figma oder Framer bis hin zu Testing und Dokumentation. Das Projekt orientiert sich an realen Anforderungen und kann individuell auf dein Interessensgebiet oder deine berufliche Praxis zugeschnitten werden. Du präsentierst dein Ergebnis am Ende des Kurses vor der Gruppe – mit Feedback durch Dozent:in und Peers.