Informationsmeddelande
Informationsmeddelande (Alert) används för att lyfta fram viktig information till användaren.
Riktlinjer
- Informationsmeddelande kan finnas med rubrik, text och ikon eller med enbart text och ikon.
- Ett informationsmeddelande kan antingen vara fast och inte kunna stängas av användaren, eller ha ett stäng-knapp (med tillhörande "Stäng"-text) och kunna tas bort av användaren.
- Informationen i Informationsmeddelandet ska vara tydlig och kortfattad.
- Informationsmeddelanden finns i fyra olika utföranden, för olika ändamål:
Positiv återkoppling - när vi vill ge bekräftelse om att kunden har gjort det som förväntas.
Viktig information - när vi vill upplysa om central information om något som berör kunden.
Varning - när vi vill ge information om något som kan påverka kundens ärende hos Arbetsförmedlingen.
Felmeddelande - när vi vill informera kunden om att det uppstått ett fel.
Bra att tänka på
Använd möjligheten för kunden att själv ta bort alert endast i de fall då det är av mindre vikt för ärendets/flödets fortsatta status. Vi vill inte riskera att kunden råkar ta bort en central alert av misstag, för att sedan inte kunna återfinna informationen.
Tillgänglig komponent
- Informationsmeddelandet ska visas utan att fokus flyttas till det.
- Om meddelandet visas dynamiskt på sidan så behöver den ha aria-live="polite" så att användare med skärmläsare kan ta del av informationen. Detta gäller inte att om meddelandet visas statiskt på sidan, som del av den löpande texten.
- Det ska gå att tabba till stäng-knappen uppe till höger.
- Om informationsmeddelandet går att stänga så görs det genom att klicka eller trycka enter på Stäng uppe till höger. Till skillnad ifrån en modal så ska informationsmeddelande inte stängas med escape-knappen.