...
| Innehållsförteckning |
|---|
...
Exempel
| Info |
|---|
Denna komponent är inte utvecklad ännu. Design finns i Sketchbiblioteket. |
...
Designspecifikation
...
Bild på modal för felmeddelande på desktop.
...
Bild på modal för felmeddelande på mobil.
...
Modaler används främst för dialoger , men även för eller felmeddelande där komponenten Tillfälligt meddelande: information och faktaruta - 1177 inte är applicerbar.
Modalen har vit bakgrund med standard hörnradie på 10 px. Tona ner ytan mot bakomliggande sida med 60% opacitet (stone-dark).På 1177.se används modal endast för felmeddelande när användaren växlar region på en sida och denna sida inte finns för den region man växlat
tillExempel på användning är utloggning från e-tjänsterna.
Do’s and Don’ts
Använd primär och sekundära knappar för att vikta knappvalen och leda användaren i flödet.
Det ska alltid finnas en möjlighet att stänga modalen, tex via tillbaka-knapp, och gå tillbaka till den vy man var på.
Tillgänglighet
För att göra modaler tillgängliga så är det några saker man behöver se till:
...
I fallet med felmeddelanden genom modal så behöver vi även ha rätt aria-live attribut anpassat till situationen.
Research på komponenten
-
Relaterade resurser/komponenter
Status
Status |
| ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Publicerad | 2020-01-18 | ||||||||||||
Senast uppdaterad | 2020-01-20 |
...