Bekräftelse
När du behöver det
Användaren har gjort något — skickat ett formulär, bokat en tid, laddat upp en fil. De behöver veta att det gick bra.
Principen
Bekräftelser är korta och specifika. Ingen tackfras, ingen sammanfattning av det som precis hände, inget utropstecken. Den nära experten bekräftar sakligt och går vidare.
Strukturen
- Vad som hänt — en mening, specifik
- Eventuellt nästa steg — bara om det finns ett
Ingen inledning. Inget "Tack!". Inget "Vad bra!".
Exempel
✅ "Bokat. Du får en bekräftelse till din e-post."
✅ "Svaret är skickat."
✅ "Dokumentet är uppladdat."
❌ "Tack! Din bokning har registrerats i vårt system. Du kommer att få en bekräftelse via e-post inom kort."
❌ "Tack för att du laddade upp ditt dokument!"
❌ "Grattis! Du är nu bokad."
Tokens
| Token | Roll |
|---|---|
--status-confirm |
Bekräftelsefärg (#4F866E) |
--button-primary-* |
Om bekräftelsen har en åtgärdsknapp |
Tillgänglighet
Bekräftelsen visas inline, i direkt anslutning till den åtgärd som utlöste den. Använd role="status" så att skärmläsare meddelar bekräftelsen utan att avbryta användarens flöde.
Snabbtest
Skulle du ta bort "Tack!" utan att förlora information? Då ska du det.