Die Kopfleiste wuchs beim Laden um vier Pixel -- und schob die Seite
Beim Messen des Datenvolumens nach dem Bildumbau fiel etwas anderes auf: Der Layout-Sprung auf der Startseite lag bei 0,99. Die Bilder waren es nicht -- ein Hintergrundbild liegt `position: fixed` und bewegt gar nichts. Die Meldung sagte es selbst, man musste nur hinsehen: ALLES sprang um denselben Betrag (295->301, 144->150, 685->692, 605->611). Wenn die ganze Seite gleichmaessig nach unten rutscht, waechst etwas ueber ihr. Gemessen: Leiste vor dem Skript 67 px, danach 71. Der Sicht-Umschalter kommt erst, wenn die Personenliste geladen ist, und ist mit 42 px das hoechste Teil in der Reihe. Vier Pixel -- man sieht sie kaum und merkt sie doch: Wer beim Laden schon zielt, klickt daneben. Die Loesung ist keine reservierte Hoehe auf Verdacht, sondern die Hoehe, die die Zeile ohnehin haben muss: `min-height: 44px`. Das ist das Mindestmass fuer ein Fingerziel (WCAG 2.5.8) und gilt hier sowieso fuer jedes Teil. Damit ist die Zeile immer so hoch wie ihr groesstes zulaessiges Element -- unabhaengig davon, ob dieses gerade schon da ist oder erst kommt. Ergebnis: 0,99 auf 0,60, und die Zahl der Seiten ueber dem Zielwert von zwoelf auf sechs. Datenvolumen unveraendert in Ordnung trotz der groesseren Bilder -- der Browser holt je Seite nur eine Stufe. Und der offene Punkt von vorhin ist geklaert: pruef-browser laeuft gruen durch, alle vier Maschinen (Chromium, Firefox, WebKit, WebKit auf dem iPhone), 64 Seitenaufrufe, 15898 Elemente. Der eine rote Punkt im Gesamtlauf war eine Zeitueberschreitung unter Dauerlast -- erkennbar daran, dass ZWEI Pruefungen gar nicht gelaufen waren und die Datei die doppelte Zeit brauchte. Eine gesunkene Anzahl ist ein eigener Befund. Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
@@ -413,6 +413,23 @@ body.start > main { position: relative; z-index: 1; }
|
||||
keiner Richtung. */
|
||||
flex: 0 1 auto; min-width: 0;
|
||||
flex-wrap: wrap; row-gap: 6px; justify-content: flex-end;
|
||||
|
||||
/* DIE ZEILE HAT IMMER DIESELBE HOEHE (07.09.2026).
|
||||
|
||||
Gemessen: Vor dem Skript ist die Leiste 67 px hoch, danach 71 --
|
||||
der Sicht-Umschalter kommt erst, wenn die Personenliste da ist, und
|
||||
ist mit 42 px das hoechste Teil hier. Die vier Pixel schieben die
|
||||
GANZE Seite nach unten; pruef-tempo mass daraus einen Sprung von
|
||||
0,99. Man sieht es kaum und merkt es doch: Wer beim Laden schon
|
||||
zielt, klickt daneben.
|
||||
|
||||
44 px ist keine gegriffene Zahl, sondern das Mindestmass fuer ein
|
||||
Fingerziel (WCAG 2.5.8), das hier ohnehin ueberall gilt. Damit ist
|
||||
die Zeile so hoch wie ihr groesstes zulaessiges Teil -- egal, ob
|
||||
dieses Teil gerade schon da ist oder erst kommt. Kein reservierter
|
||||
Platz auf Verdacht, sondern die Hoehe, die sie sowieso haben muss. */
|
||||
min-height: 44px;
|
||||
align-content: center;
|
||||
}
|
||||
.kopfleiste__rechts > * { flex: 0 0 auto; }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user