Kodexempel är ej färdigt ännu. Design finns i Sketchbiblioteket.
Exempel
jsfiddle
Designspecifikation
En popup tip ligger på en vit bakgrundsplatta med svag skuggning. Scroll aktiveras vid behov om innehållet är längre än ytans höjd.
På 1177.se används popup tip bland annat i karta och för informationsikoner på mottagningssidor.
Do’s and Don’ts
-
Tillgänglighet
En så kallad “Fokus fälla” bör användas när tooltip öppnas med hjälp av en knapp. Det innebär att tab-ordningen justeras så att fokus inte kan hamna på något element som inte ligger i popup tipen.
Popup tipen bör också kunna stängas med hjälp av ESC knappen. I vissa fall kan det också vara relevant att kunna stänga popup tip genom klick utanför komponentens yta.
Research på komponenten
-
Relaterade resurser/komponenter
-
Status
Status | UNDER UTVECKLING |
---|---|
Publicerad | 2020-01-18 |
Senast uppdaterad | 2020-01-20 |