Jämförda versioner

Nyckel

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

...

Innehållsförteckning

...

Exempel

Iframe
src//jsfiddle.net/bergsvik/pbdzunv8hy5m7nx0/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

Yellow

Green
titleFärdig

för validering

validerad

Publicerad

2020-01-18

Senast uppdaterad

2020-01-20