Info |
---|
Kodexempel är ej färdigt ännu. Design finns i Sketchbiblioteket. |
...
Innehållsförteckning |
---|
...
Exempel
jsfiddle
Designspecifikation
En tooltip ligger på en vit bakgrundsplatta med svag skuggning. En pil visar var fokuspunkt på bakomliggande yta befinner sig. Scroll aktiveras vid behov om innehållet är längre än ytans höjd.
På 1177.se används tooltip 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 tooltipen.
Tooltipen bör också kunna stängas med hjälp av ESC knappen. I vissa fall kan det också vara relevant att kunna stänga tooltip genom klick utanför tooltip ytan.
Research på komponenten
-
Relaterade resurser/komponenter
-
Status
Status |
| ||||||
---|---|---|---|---|---|---|---|
Publicerad | 2020-01-18 | ||||||
Senast uppdaterad | 2020-01-20 |
...