Accessibility

TimedTooltip vises automatisk uten brukerinteraksjon. Den er ment som supplerende informasjon — ikke som eneste indikator.

Tab-rekkefølge

Bubble rendres som <div role="tooltip"> med pointer-events-none og uten fokusbare elementer. Den ligger ikke i tab-rekkefølge.

Skjermleser

• Mens bubble er synlig settes aria-describedby på anchor-child (hvis det er et React-element).
• Innhold annonseres én gang via role="status" + aria-live="polite".
• Bruk ikke role="alert" — meldingen er informativ, ikke kritisk.

Anker-element

Sørg for at anchor har egen tilgjengelig label (f.eks. aria-label="Mine spill (ny melding)") slik at brukeren fortsatt har en varig indikator etter at bubble forsvinner.

Bevegelse

TimedTooltip har en enkel fade (opacity) transition i motion-safe, og ingen animasjon når brukeren har aktivert redusert bevegelse (motion-reduce).