Sidjämförelse

Exempel

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 gul 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.

Relaterade resurser/komponenter

-

Status

...

Status

...

Status