Barrierefreie Gestaltung von Mikrointeraktionen im Web: Identifikation typischer Barrieren und Lösungsansätze
Dieses Wiki begleitet das Projekt im Rahmen meiner Bachelorarbeit zur barrierefreien Gestaltung von Mikrointeraktionen im Web.
Mikrointeraktionen sind ein zentraler Bestandteil moderner Webanwendungen. Sie geben Rückmeldung, unterstützen die Orientierung und tragen maßgeblich zur wahrgenommenen Qualität digitaler Interfaces bei. Gleichzeitig können gerade diese kleinen Interaktionselemente – etwa Animationen, Hover-Zustände oder visuelle Übergänge – unbeabsichtigt digitale Barrieren erzeugen. Insbesondere für Menschen mit visuellen, motorischen, kognitiven oder vestibulären Einschränkungen können Mikrointeraktionen die Nutzung erschweren oder sogar unmöglich machen. Dieses Projekt setzt sich mit der Frage auseinander, wie Mikrointeraktionen im Web gestaltet sind, welche Barrieren dadurch entstehen können und wie sie im Sinne der digitalen Barrierefreiheit verbessert werden können.
Im Rahmen der Arbeit werden die folgenen Fragen besonders in den Blick genommen:
- Wie beeinflussen spezifische Mikrointeraktionen die Nutzbarkeit digitaler Angebote im Kontext der Barrierefreiheit?
- Welche Gestaltungsprinzipien eignen sich zur Entwicklung barrierefreier Mikrointeraktionen im Web?
Ziel des Projekts ist die Analyse typischer Mikrointeraktionen im Web und die Ableitung gestalterischer Prinzipien für deren barrierefreie Umsetzung. Die Ergebnisse sollen nicht nur theoretisch beschrieben, sondern praxisnah aufbereitet werden. Als Ergebnis entsteht neben der schriftlichen Ausarbeitung eine prototypische Website, die die entwickelten Gestaltungsprinzipien anschaulich darstellt. Die Website versteht sich als gestalterischer Leitfaden für Designer und Entwickler und legt den Fokus auf das Verständnis und die Wirkung von Mikrointeraktionen, weniger auf deren technische Implementierung.
Das Projekt gliedert sich in mehrere aufeinander aufbauende Phasen:
1. Projektdefinition und Vorbereitung
Klärung des Themenrahmens, der Zielsetzung, der relevanten Nutzergruppen sowie der theoretischen Grundlagen zu Mikrointeraktionen und digitaler Barrierefreiheit.
2. Analyse von Mikrointeraktionen und ihren Barrieren
Untersuchung bestehender Webinterfaces, Identifikation typischer Mikrointeraktionen und Analyse wiederkehrender Barrieren anhand von Beobachtungen, Nutzergruppen und relevanten Standards.
3. Ableitung von Gestaltungsprinzipien und Konzeption
Verdichtung der Analyseergebnisse zu zentralen Problemclustern und Formulierung barrierefreier Gestaltungsprinzipien. Konzeption der prototypischen Website und der dargestellten Beispiele.
4. Umsetzung und Implementierung
Gestaltung und Umsetzung der prototypischen Website, inklusive Vorher-/Nachher-Darstellungen und erläuternder Inhalte zu den Gestaltungsprinzipien.
5. Evaluation, Reflexion und Abschluss
Reflexion der Ergebnisse, Einordnung der Gestaltungsprinzipien, Diskussion von Grenzen und Potenzialen sowie Abschluss der schriftlichen Arbeit und Dokumentation.
Weitere Informationen findest du im 📖 Wiki
Contributor: Mia Henrichsmeyer
Betreuung: Christian Noss
© 2026 – Eine Abschlussarbeit im Studiengang Medieninformatik an der TH Köln.