WCAG:
- Mørk modus: --on-accent-token gir mørk tekst på lys aksent (knapper,
badges, valgt fane, skip-lenke) – var 1.8:1, nå ~11:1.
- Editor-feltet har label og aria-describedby; forhåndsvisningen er
ikke lenger aria-live (leste opp hele innlegget for hvert tastetrykk).
- Bilder settes inn med alt-plassholder markert for overskriving, som
eget avsnitt etter gjeldende linje.
- Berøringsmål ≥ 44px (nav, verktøylinje, lenkeknapper, select).
- Faner: roving tabindex + piltaster. Knapper med tekst i stedet for
emoji, aria-keyshortcuts på fet/kursiv. h1 på forsiden.
- code bryter lange stier (innstillinger rullet horisontalt på mobil).
UX:
- Ulagret-vakt dekker også tittelen, med synlig «Ulagrede endringer».
- 413 ved for stor fil gir lesbar melding; brukernavn beholdes ved
feil innlogging; full publiserings-URL vises i editoren; historikk-
lenke i meta-linjen; norsk datoformat i historikken; passord-hint.
Design:
- Header med favicon, større brødtekst/overskrifter, smalere måltekst,
bedre avstander i innlegg og liste, footer som flex uten løse «·»,
nøytral sekundærknapp, innrammet faresone, editor-textarea fyller
panelet, valgt fane henger sammen med panelet.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JcEy43fNYpwg6K6oTKakWR
Ole-Morten Duesund
ae3d6a4c0c