Rapporterat med skärmdump: portalens första sida möttes kraftigt
inzoomad efter inloggning på iPhone. Orsaken är iOS Safaris beteende,
inte vår layout: ett formulärfält vars text är mindre än 16 px får
webbläsaren att zooma in vid fokus — och den zoomar aldrig ut igen
efter navigeringen. Inloggningens fält är 14 px och arbetsvyns 13 px,
båda under tröskeln.
Botemedlet är fältets textstorlek, inte viewport-metataggen.
`maximum-scale=1` hade också stoppat inzoomningen men samtidigt tagit
ifrån användaren nypzoomen, och ett tillgänglighetsverktyg offras inte
för att slippa en CSS-rad. Regeln ligger i kaskaden på .alva-yta och
gäller bara pekskärmar (hover: none, pointer: coarse) — på skrivbordet
finns ingen autozoom och 13 px är designens täthet.
Verifierat mot den bakade artefakten med pekskärmsemulering:
inloggningen och arbetsvyns namnfält mäter 16 px på telefon, 14
respektive 13 px på skrivbord. Regeln låst i designtestet, som redan
läser index.css.
769 tester, typkontroll, lint och artefaktmätning gröna.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012EQg3rJsrQ1ZNTvkzmQAtt
Claude
83944f4962