UI/UX & Barrierefreiheit
Eine Oberfläche soll nicht nur funktionieren, sondern sich gut anfühlen — und für ALLE Menschen bedienbar sein. In diesem Kurs lernst du den Unterschied zwischen UX und UI, wie visuelle Hierarchie, Farbe und Typografie wirken, und wie du Webseiten barrierefrei baust (Tastaturbedienung, Screenreader, ausreichende Kontraste, BFSG/WCAG). Mit vielen kleinen Übungen und deutschen Erklär-Videos. Teil 3 der Frontend-Reihe und Abschluss des FIAE-Lernfelds 10 (Benutzerschnittstellen gestalten und entwickeln).
Jetzt anmelden und loslegen
Mit deinem kostenlosen Account bekommst du Zugriff auf den vollständigen Kursinhalt, alle Übungen und deinen persönlichen Lernfortschritt.
Das lernst du in diesem Kurs
- 1
UX und UI — der Unterschied
Was Nutzererlebnis (UX) von der Oberfläche (UI) unterscheidet und warum beides zählt.
- 2
Nutzerzentriert denken
Nicht für sich selbst gestalten, sondern für die echten Nutzer und ihre Ziele.
- 3
Visuelle Hierarchie und Gestaltgesetze
Das Auge führen: was zuerst auffällt und wie wir Zusammengehöriges wahrnehmen.
- 4
Layout, Weißraum und Ausrichtung
Ordnung schaffen mit Rastern, bewusstem Leerraum und sauberer Ausrichtung.
- 5
Farbe und Kontrast
Farben gezielt einsetzen und für genug Kontrast sorgen — auch für Sehschwächen.
- 6
Typografie und Lesbarkeit
Schrift so wählen und setzen, dass Texte mühelos lesbar sind.
- 7
Was ist Barrierefreiheit?
Warum digitale Barrierefreiheit Pflicht ist und welche vier Prinzipien dahinterstehen.
- 8
Barrierefrei in der Praxis
Konkrete Technik: semantisches HTML, Tastaturbedienung, Fokus und Screenreader.
- 9
Formulare, Feedback und Zustände
Gute Bedienführung: klare Hinweise, verständliche Fehler und sichtbare Reaktionen.
- 10
Usability-Prinzipien und einfaches Testen
Bewährte Faustregeln und wie du mit wenigen Nutzern echte Probleme findest.