Anfrageformular fertig - vier Schritte, Zwischenspeicherung, echte Absendung

Masterplan S.10 "Projektanfrage ohne Informationsverlust" umgesetzt.
End-to-End gegen die echte Datenbank belegt: Anfrage A-2608-0002 liegt drin.
38/38 Browsertests, 45/45 Handy-Abnahme.

Aufbau: 4 Schritte + Zusammenfassung + Dankeseite.
- Zwischenspeicherung nach jedem Tastendruck. Geschlossener Tab, leerer
  Akku oder versehentliches Zurueck kosten keine Arbeit. Entwuerfe
  verfallen nach 30 Tagen -- ein halbes Jahr alter Entwurf verwirrt mehr
  als er hilft.
- Folgefragen erscheinen nur passend zur Auswahl und werden beim
  Zurueckwechseln NICHT mitgeschickt, sonst landen alte Shop-Antworten in
  einer Onepager-Anfrage.
- Die Zusammenfassung wird aus den Feldern gelesen, nicht aus einem
  nebenher gepflegten Objekt -- sie kann dadurch nie etwas anderes
  behaupten als das, was tatsaechlich abgeschickt wird.
- Telefon wird zur Pflicht, sobald "Per Telefon" gewaehlt ist. Ein Wunsch,
  der nicht erfuellbar ist, ist schlimmer als eine Pflichtangabe.

Drei Fehler, die erst der Test gefunden hat:
1. Der "Zurueck"-Knopf stand auch auf Schritt 1 da. Ursache: das
   hidden-Attribut wird nur ueber "display:none" umgesetzt und verliert
   gegen jedes eigene display -- und Knoepfe sind inline-flex. Zentral
   behoben ueber ".wd [hidden] { display:none !important }".
2. Nach erfolgreichem Absenden legte zeigeSeite() den geloeschten Entwurf
   sofort wieder an. Beim naechsten Besuch haette eine bereits gesendete
   Anfrage erneut im Formular gestanden.
3. Der Server meldet bei Spamverdacht bewusst Erfolg ohne Nummer. Ein
   echter Mensch, der zufaellig sehr schnell war, haette eine Dankeseite
   mit "—" gesehen und auf eine Antwort gewartet, die nie kommt. Jetzt
   ein ehrlicher Hinweis mit zweitem Weg, und der Entwurf bleibt erhalten.

Pruefskripte geschaerft:
- i18n-Pruefung liest jetzt auch assets/js/wd-<seite>.js, sonst meldet sie
  reihenweise "unbenutzt" fuer Schluessel, die aus dem Seitenskript kommen.
- Handy-Abnahme ueberspringt absichtlich unsichtbare Eingabefelder
  (Auswahlkacheln, Honigtopf). Fehlalarme sind das Ende jeder Pruefung,
  weil man sie irgendwann pauschal ignoriert.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-08-22 18:47:45 +02:00
co-authored by Claude Opus 5
parent 8ace955740
commit eaeaec6b56
7 changed files with 1242 additions and 2 deletions
+19
View File
@@ -197,6 +197,25 @@ body.wd::after {
}
.wd-skip:focus { left: 0; }
/* ---------------------------------------------------------------------
[hidden] MUSS gewinnen.
Das hidden-Attribut wird vom Browser nur mit "display: none" aus dem
Standard-Stylesheet umgesetzt — jede eigene display-Angabe schlaegt es.
Und genau die haben hier viele Elemente: Knoepfe sind inline-flex,
Karten sind flex, Raster sind grid.
Folge ohne diese Regel: el.hidden = true im JavaScript hat schlicht
keine Wirkung, und das Element bleibt sichtbar. Genau so aufgefallen im
Anfrageformular (22.08.2026) -- der "Zurueck"-Knopf stand auch auf dem
ersten Schritt da, obwohl es dorthin nichts zurueckzugehen gibt.
Das !important ist hier ausnahmsweise richtig: "versteckt" ist eine
Aussage ueber den Zustand, nicht ueber die Gestaltung, und darf von
keiner Gestaltungsregel ueberstimmt werden.
--------------------------------------------------------------------- */
.wd [hidden] { display: none !important; }
.wd-visuell-versteckt {
position: absolute; width: 1px; height: 1px; overflow: hidden;
clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;