Ueberschritten: nur die Zeile hinterlegen, Farbe je Schwelle trennen

Zwei Rueckmeldungen des Eigentuemers vom 07.09.2026.

1. Die Service-Kachel auf "Mein Audi" war als Ganzes gelb hinterlegt. Gelb
   wird jetzt nur das ueberschrittene Feld, analog zur Termingruppe im
   Service-Blatt: .row.ueberschritten bzw. .dm-wertzeile--ueberschritten,
   12 % --warn mit -12px Aussenabstand bis an den Kachelrand. Die dafuer
   gebaute Hilfsfunktion serviceUeberschritten() entfaellt ersatzlos.

2. Auch #C55300 wirkte braeunlich. Das ist die Schwelle, nicht der Geschmack:
   Apples systemOrange #FF9500 kommt auf Weiss nur auf 2,20:1, jedes Orange
   mit 4,5:1 liest sich als Braun. Deshalb traegt jetzt jedes Element seine
   eigene WCAG-Schwelle:

     --warn-fig   32px = Grosstext, 3:1   -> #DD6000 (3,65:1 auf Weiss)
     die Marke    10,5px = Kleintext, 4,5:1 -> gefuellte Pille #C55300 mit
                  weisser Schrift (4,55:1) statt duenner Schrift

   Nachts #FF9F0A (8,41:1) bzw. #FFA056 mit #171B21 (8,57:1).

Im Panel live gemessen (Testcontainer, Tagmodus): Kachelgrund rgb(255,255,255),
nur die HU-Zeile rgba(255,159,10,0.12) und um 2 x 12px breiter als die uebrigen
Zeilen, Marke rgb(255,255,255) auf rgb(197,83,0), Kennzahl rgb(221,96,0).
Damit ist Abschnitt DJ auch im Panel optisch geprueft - OFFEN.md 3b angepasst.

327/327 Tests, tsc sauber, Buendel auf 2026.9.6.9 neu gebaut.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-07 14:37:19 +02:00
parent 08d8de60db
commit 33c2ffa5ff
13 changed files with 180 additions and 81 deletions
+8 -2
View File
@@ -38,7 +38,10 @@
--fg3: #8E8E93;
--ok: #30D158;
--warn: #FFD60A;
--warn-text: #FFD60A;
--warn-text: #FFA056;
--warn-fig: #FF9F0A;
--warn-marke-grund: #FFA056;
--warn-marke-schrift: #171B21;
--bad: #FF453A;
/* Rot als FLAECHE, nicht als Schrift.
@@ -85,7 +88,10 @@
--fg3: #6B6B70;
--ok: #34C759;
--warn: #FF9F0A;
--warn-text: #A15800;
--warn-text: #C55300;
--warn-fig: #DD6000;
--warn-marke-grund: #C55300;
--warn-marke-schrift: #FFFFFF;
/* #FF3B30 (Apples systemRed) auf #F2F2F7 ergab 3,18 - unter den 4,5 fuer
16px-Schrift. #D70015 ist Apples systemRed fuer erhoehten Kontrast und
kommt auf 4,83 (auf Weiss 5,38). Gemessen am 04.09.2026 am