---
title: Confirmation
status: decided
type: baseline/pattern
depends_on:
  - foundation/voice
last_verified: 2026-03-26
---

# 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

1. **Vad som hänt** — en mening, specifik
2. **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.