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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user