Rahmen & Schatten

Rahmen und Schatten sind kein dekoratives Detail: Sie strukturieren die Tiefenwahrnehmung, trennen klickbare Bereiche von informativen Zonen und geben den Komponenten eines Design Systems ihre Identität. Wenn ein border-radius auf allen Karten einer Website von 12px auf 0 wechselt, kippt die gesamte visuelle Identität von einem „modernen und einladenden" Universum in ein „starres" Rendering, ohne dass irgendein funktionaler Test etwas meldet. Auf Business-Oberflächen macht ein entfernter Box-Shadow auf einem Haupt-Aktionsbutton diesen visuell flach und schlechter erkennbar, was zu Bedienungsfehlern führt. Regressionen dieser Kategorie entstehen häufig aus einem CSS-Reset, der zur Lösung eines Einzelfalls eingeführt wurde, einer Stylesheet-Aufräumaktion, die einen für unnötig gehaltenen Box-Shadow entfernt, einer veränderten Lade-Reihenfolge zwischen Staging und Produktion, die die Kaskade modifiziert, oder einem Rahmen, der ohne Verwaltung von border-collapse zu einer Tabelle hinzugefügt wird und unregelmäßige Doppelrahmen erzeugt. Outlines und Barrierefreiheits-Trenner sind ebenfalls von globalen Überarbeitungen betroffen, mit unmittelbaren Folgen für die sichtbare Fokussierung. Delta-QA behandelt diese Kategorie, indem es die Referenz-Screenshots mit jeder neuen Version vergleicht: Die Pixel-Analyse erkennt Radius-Änderungen, das Auftauchen oder Verschwinden eines Schattens, Variationen der Strichstärke und Modifikationen der Rahmenfarbe. Der visuelle Diff lokalisiert jede Karte, jeden Button und jeden Trenner, dessen Erscheinungsbild sich verändert hat, sodass eine Überarbeitung von Elevation- oder Radius-Tokens via Seitenvergleich validiert werden kann, ohne die Komponenten einzeln manuell vergleichen zu müssen.