26. Mär 2026
Jede*r kennt sie: grüne Balken, die am oberen Bildschirmrand aufploppen. „Erfolgreich zum Warenkorb hinzugefügt“, „Gespeichert“, „Aktion abgeschlossen“. Lange galten diese sogenannten Top Notifications oder Toaster als Best Practice. Doch wir haben uns entschieden, sie im Laufe der kommenden Monate konsequent aus unserer Architektur zu verabschieden.
Lesezeit: 3 Minuten
Nicht aus einer Design-Laune heraus, sondern weil sie in der Praxis mehr Probleme schaffen, als sie lösen. Unsere Entscheidung für diesen Umstieg basiert auf drei harten Faktoren: User Experience, Barrierefreiheit und technischer Wartbarkeit. Damit setzen wir ein klares Statement in Richtung Barrierefreiheitsstärkungsgesetz (BFSG).
Stellen wir uns eine ganz alltägliche Situation vor: Eine Nutzerin scrollt bis ganz nach unten und klickt im Footer auf „In den Warenkorb“. Die Aktion ist ausgeführt, die Erfolgsmeldung erscheint jedoch – weit entfernt – am oberen Bildschirmrand.
Was hier passiert, ist ein klassischer UX-Fehler. Nach dem Gesetz der Nähe (Proximity Principle) erwarten Menschen, dass zusammengehörige Informationen auch räumlich beieinander erscheinen. Aktion und Feedback gehören zusammen. Werden sie getrennt, steigt die kognitive Last.
Unser Plan: Wir werden Feedback künftig dort platzieren, wo die Handlung stattfindet – und zwar direkt im Kontext. Inline statt global. Unser Ziel ist ein Design ohne visuelle Umwege und ohne Suchbewegung für die Augen.
Was für sehende Nutzer*innen „nur“ irritierend ist, wird für Menschen mit Screenreadern schnell zur Barriere. Screenreader navigieren Seiten linear. Wenn plötzlich oben eine Meldung auftaucht, müsste der Browser-Fokus aktiv dorthin verschoben werden, damit die Information überhaupt wahrgenommen wird. Das ist technisch machbar, aber extrem fehleranfällig.
Top Notifications bringen ein strukturelles Problem mit sich: den Zeitdruck. Viele erwarten, dass Meldungen nach wenigen Sekunden von selbst verschwinden. Gleichzeitig schreiben Richtlinien vor, dass Inhalte ohne Zeitdruckwahrnehmbar sein müssen (wichtig für Menschen mit Sehschwäche oder kognitiven Einschränkungen).
Inline-Feedback wird dieses Dilemma im Laufe unserer Umstellung elegant lösen: Die Information bleibt einfach stehen. Sie drängt nicht, sie stresst nicht. Der nächste Schritt liegt beim Menschen und nicht beim Timer. Das fühlt sich natürlicher an und ist schlichtweg barrierefreier.
Neben UX und Accessibility gibt es einen sehr handfesten technischen Grund für unsere Roadmap: Wartbarkeit.Globale Notifications leben meist in einer eigenen Ebene über der Seite. Das führt unweigerlich zu „Z-Index-Kriegen“: Modals, Sticky Header und Cookie-Banner konkurrieren alle um die oberste Ebene.
Indem wir Feedback künftig als Teil des normalen Seitenflusses integrieren, bereinigen wir unsere Codebase:
Wir planen die Abschaffung der Top Notifications nicht, weil wir sie nicht bauen könnten – sondern weil wir sie für eine moderne, inklusive Web-Architektur nicht mehr brauchen.
Wahre User Experience entsteht nicht durch möglichst viele Effekte, sondern durch Klarheit und Respekt gegenüber unterschiedlichen Nutzungsszenarien. Die Umstellung auf Inline-Feedback ist für uns der logische nächste Schritt: näher an der Handlung, robuster in der Technik und bereit für die Anforderungen von morgen.
Barrierefreiheit ist kein Add-on, sondern ein Qualitätsmerkmal. Und manchmal bedeutet Fortschritt eben, sich von Dingen zu trennen, die lange selbstverständlich waren.