Blog

Warum wir "Top Notifications" abschaffen werden

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

Top Notifications im Shop

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).

Gut gemeint ist nicht gut gemacht: Die Reise der Augen 

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.

Der Endgegner: Fokus-Management und Barrierefreiheit 

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.

  • Das Problem: Wenn die Meldung verschwindet, muss der Fokus exakt an die ursprüngliche Stelle zurückspringen. Kleinste Abweichungen führen zum Orientierungsverlust.
  • Unsere Lösung: Durch den geplanten Wechsel auf Inline-Feedback umgehen wir dieses Risiko vollständig. Der Fokus bleibt dort, wo derdie Nutzerin ohnehin interagiert. Keine Sprünge, keine Überraschungen – und volle WCAG-Konformität.
accessibility score unserer Mandanten im vergleich mit anderen großen Online-shops im DACH & BENELUX Gebiet
accessibility score unserer Mandanten im vergleich mit anderen großen Online-shops im DACH & BENELUX Gebiet

Das Zeit-Dilemma: Auto-Dismiss vs. WCAG

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.

Weniger CSS-Tetris, mehr saubere Architektur 

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:

  • Keine komplexen Überlagerungen mehr.
  • Keine Speziallogik für Fokus-Sprünge.
  • Ein sauberer, langfristig wartbarer Standard für alle unsere Komponenten.

Fazit: Fortschritt durch Verzicht

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.


0Noch keine Kommentare

Ihr Kommentar
Antwort auf:  Direkt auf das Thema antworten
empiriecom
Cookie Hinweis

empiriecom GmbH & Co. KG und Partner brauchen für einzelne Datennutzungen deine Einwilligung, um dir unter anderem Informationen zu deinen Interessen anzuzeigen.