Sidjämförelse

...

...

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

...