Jämförda versioner

Nyckel

  • Dessa rader lades till.
  • Denna rad togs bort.
  • Formateringen ändrades.

...

Innehållsförteckning

...

Exempel

Iframe
src//jsfiddle.net/bergsvikhy5m7nx0/pbdzunv8/embedded/result,html/
width100%
frameborderhide
idpbdzunv8hy5m7nx0
height800px

Designspecifikation

Meddelanden kan användas på en sida för tillfällig information eller för att meddela status i en tjänst eller funktion.

Meddelanden finns i tre olika varianter: information (gul), felmeddelande (röd/rosa) samt ok/avklarat (grön)

Information - gul

Ett neutralt informationsmeddelade har ljusgul bakgrund och streckad grå linje samt grå ikon.

Felmeddelande - röd/rosa

Ett felmeddelande som behöver synas extra tydligt och särskiljas från information har rosa bakgrund och streckad röd linje.

Ok/avklarat - grön

Ett meddelade som behöver signalera status för något som är ok eller avklarat har ljusgrön bakgrund och streckad grön linje.

Do’s and Don’ts

  • Används för tillfälliga meddelanden på en sida.

  • Används ej för tillfälliga meddelanden som rör driftinformation eller en hel sida.

Tillgänglighet

...

Om dessa meddelanden på sidan kommer efter ex. en sidomladdning efter skickat formulär så behöver de kompletteras med en role=alert så att man som användare med skärmläsare med säkerhet uppfattar meddelandet.

Beroende på hur dessa meddelanden används i en tjänst så kan lösningen behöva justeras.

Research på komponenten

-

Relaterade resurser/komponenter

Status

Status

Status
colour

Red

Green
title

UNDER UTVECKLING - Kod

Färdig validerad

Publicerad

2020-01-18

Senast uppdaterad

2020-01-20