Header lang-toggle: independent verification section (50/50 PASS + pre-existing FR title ellipsis noted)

This commit is contained in:
krisf committed 2026-10-09 13:51:16 -04:00
1 parent 79c40a7b9d
commit 5995748926
1 file changed
+28
+28
View File
@@ -112,4 +112,32 @@ Jitter-controlled pixdiff (`audit/lang_right_pixdiff.py`, PIL `ImageChops`):
`main`: `site/style.css` one-liner + audit scripts/JSONs, pushed to `origin/main`.
## 9. Independent verification (Hermes, 2026-10-09) — 50/50 PASS
Re-ran the acceptance battery independently (not trusting the audit):
- **Toggle position** at 320/360/390/1280 × EN/FR (results screen, seeded plan): flush right
(gap 10–12px = header padding), rightmost `.hdr-in` child, vertically inside the header band,
at every width/language. Pre-fix baseline for contrast: toggle sat at x 273–351 vs header
content edge 1170 at 1280.
- **Header height unchanged**: `.hdr-in` = 66px desktop / 56px mobile, identical pre/post.
- **No horizontal overflow** at any width (320 included).
- **Toggle still switches language**: EN→FR→EN round-trip on a seeded results page, plan text
changes and restores exactly.
- **App-shell intact** at 390/320: CTA below the scroll area, no option/CTA overlap.
- **Pixel-diff vs pre-fix full-page baselines** (en/fr × 1280/390/320, captured before the
deploy): identical below the header strip (0 strongly-differing pixels) — the change is
confined to the header.
- **Tests green**: engine 36/36 · i18n 48/48 · ps-pension 70/70 · smoke 92/92.
- **Off-LAN OK** (marker + rule served from outside the LAN).
- **Vision-checked** header strips at 1280 (EN), 390 (FR), 320 (EN): toggle top-right, isolated,
active language highlighted, other header items unchanged.
**One pre-existing nit (NOT a regression):** at 390px the French brand title ellipsizes
("Planificateur de re…") because `.logo` is `flex:0 1 auto` with `text-overflow:ellipsis` and the
FR title is long. Verified pre-existing: the pre-fix baseline screenshot shows the same
truncation, and the logo width is identical pre/post-fix at 360/320 (142px/102px). Out of scope
for this change; optional follow-up = shorten the FR brand string or relax the ghost button's
padding at ≤420px.
HEADER_LANG_DONE