Komponenten är responsiv. Ändra bredd på webbläsarfönstret för att se komponenten i dess olika lägen. OBS! Bred skärm samt omladdning av sidan kan behövas för att se desktopläget. Se gärna Sketchbiblioteket för referens.
För närvarande används designen för Lokalt meddelande - 1177 som globala driftmeddelanden på 1177.se, men ska uppdateras enligt denna design framöver.
Exempel
Designspecifikation
Globalt meddelande hanterar meddelanden som påverkar hela tjänsten och som är viktiga att lyfta till alla besökare.
Om endast ett meddelande är aktivt visas det initialt utfällt.
Två eller flera meddelanden kan visas samtidigt och är då initialt hopfällda.
Meddelanden kan fällas ut och ihop oberoende av varandra.
Globala meddelanden kan ha en ikon före texten.
Do’s and Don’ts
Används för globala meddelanden som ska visas för hela tjänsten under en begränsad tid.
Tillgänglighet
Använd role=”alert”, detta ger implicit aria-live=”assertive”, vilket gör skärmläsare medvetna om meddelandet. I fall där informationen inte är särskilt kritisk ska man titta på användande av aria-live=”polite”.
Research på komponenten
-
Relaterade resurser/komponenter
Status
Status | FÄRDIG VALIDERAD |
|---|---|
Publicerad | 2020-01-18 |
Senast uppdaterad | 2020-01-20 |