Prototypische Umsetzung eines Webplayers für motorisch eingeschränkte Nutzer*innen im Kontext digitaler Barrierefreiheit


Mia Henrichsmeyer

Präsentation
05. November 2025, 10:30 Uhr, Raum 3.216
Betreuer
Volker Schaefer
Stichworte
Accessibility, Webplayer, Frontend-Development, UI/UX
Bildrechte
Erstellt mit Canva AI

Abstract

Wie kann ein webbasierter Musikplayer so gestaltet werden, dass er auch für Menschen mit motorischen Einschränkungen leicht verständlich und bedienbar ist? Diese Frage steht im Zentrum dieses Projekts. Der entstandene Prototyp “MILO” ist ein barrierearmer Musikplayer, der vollständig über die Tastatur steuerbar ist und sich an den internationalen Webstandards der Barrierefreiheit orientiert.

Das Web bietet viele Möglichkeiten zur Teilhabe, aber auch zahlreiche Hürden. Während kommerzielle Musikdienste oft auf Mausinteraktion und Touchbedienung setzen, bleiben Nutzer:innen mit eingeschränkter Feinmotorik häufig außen vor. Ziel des Projekts war es daher, ein technisches Konzept und eine prototypische Umsetzung zu entwickeln, das Zugänglichkeit in den Mittelpunkt stellt – ohne dabei auf moderne Benutzerfreundlichkeit zu verzichten.

Im Vortrag werden die zentralen Aspekte des Projekts MILO vorgestellt: von der Auseinandersetzung mit gesetzlichen Grundlagen und technischen Standards der Barrierefreiheit über konzeptionelle Überlegungen bis hin zur konkreten Umsetzung eines funktionalen Musikplayer-Prototyps. Im Mittelpunkt stehen dabei unter anderem die Herausforderungen, die sich bei der barrierefreien Gestaltung digitaler Benutzeroberflächen ergeben – etwa in Bezug auf Tastaturnavigation, Fokussteuerung oder das Auslesen von Metadaten lokaler Audiodateien. Anhand des Entwicklungsprozesses werden Lösungsansätze, technische Entscheidungen und deren Auswirkungen auf Nutzerfreundlichkeit und Inklusion nachvollziehbar gemacht. Dabei dient der Prototyp nicht nur als Ergebnis, sondern auch als praktisches Beispiel für die Anwendung barrierefreier Webstandards.

Die Referentin studiert derzeit im Bachelor Medieninformatik und hat sich im Schwerpunkt Webdevelopment mit dem Design und der Entwicklung von Webanwendungen auseinandergesetzt. Aus der Kombination von technischer Entwicklung, der Leidenschaft für Musik und dem Wunsch, digitale Musik-Anwendungen für alle zugänglich zu machen, entstand die Motivation für dieses Projekt: zu zeigen, dass Barrierefreiheit kein Sonderfall ist, sondern ein Qualitätsmerkmal guter Gestaltung.

Der Vortrag richtet sich an Studierende aus Medieninformatik, UX-Design oder verwandten Bereichen sowie an alle, die sich für die praktische Anwendung von Accessibility-Prinzipien interessieren. Die vorgestellten Erkenntnisse und Lösungsansätze bieten Anknüpfungspunkte für zukünftige Bachelorarbeiten oder weiterführende Forschung.

Materialien

Das Github Repository des Projekts: https://github.com/miahenri/praxisprojekt-sose25 Teste den Prototyp MILO hier: https://miahenri.github.io/praxisprojekt-sose25/

Weiterführende Themen

  • Testing mit echten Nutzer:innen – Methoden und HerausforderungenBarrierefreies Design für mobile Endgeräte und Touch-Interfaces
  • Inklusive Medienwiedergabe: Untertitel, Transkripte und Audiodeskriptionen im Webplayer
  • Entwicklung eines Frameworks oder Designsystems mit Fokus auf Barrierefreiheit