fix(web): support changing tooltip text programmatically

[stianmorsund]

Summary

Support changing tooltip programmatically by updating text of the existing tooltip and announcing change to screen readers. Also made a global announcer and refactored field to use it.

Checks

• I have read the contribution guidelines
• I have added a changeset (run pnpm changeset if relevant)

[changeset-bot]

🦋 Changeset detected

Latest commit: 6244c84

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 5 packages

Name	Type
@digdir/designsystemet-web	Patch
@digdir/designsystemet-react	Patch
@digdir/designsystemet	Patch
@digdir/designsystemet-css	Patch
@digdir/designsystemet-types	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

Preview deployments for this pull request:

storybook - 10. Mar 2026 - 10:34

www - 3. Mar 2026 - 13:38

[Barsnes]

Can you add a storybook story for this? Would be great to test it out

[stianmorsund]

Can you add a storybook story for this? Would be great to test it out

Sure!

[oddvernes]

Hmm I see the text change only after moving the mouse away (so the tooltip goes away) and then back
Apple voiceover does not seem to react to pressing the button. (Don't know if being inside an iframe may affect this)

[eirikbacker]

Hmm I see the text change only after moving the mouse away (so the tooltip goes away) and then back Apple voiceover does not seem to react to pressing the button. (Don't know if being inside an iframe may affect this)

iframe has issues with aria-live in Mac yeah :( works now in VoiceOver 🤗

I made some minor tweaks to make it CSP friendly and to clear the aria-live-area after announcement so screen readers can not find it by accident ☺️ Also, the LIVE-element might be removed by frameworks, so I'll let the mount-function run the entire lifetime :)

Overall; great work @stianmorsund 💯 👏 💪

[stianmorsund]

Hmm I see the text change only after moving the mouse away (so the tooltip goes away) and then back Apple voiceover does not seem to react to pressing the button. (Don't know if being inside an iframe may affect this)

iframe has issues with aria-live in Mac yeah :( works now in VoiceOver 🤗

I made some minor tweaks to make it CSP friendly and to clear the aria-live-area after announcement so screen readers can not find it by accident ☺️ Also, the LIVE-element might be removed by frameworks, so I'll let the mount-function run the entire lifetime :)

Overall; great work @stianmorsund 💯 👏 💪

Awesome, thanks for the review 💯 👍

[stianmorsund]

Hmm I see the text change only after moving the mouse away (so the tooltip goes away) and then back Apple voiceover does not seem to react to pressing the button. (Don't know if being inside an iframe may affect this)

Thanks for testing! ☺️ Hmm, I couldn't reproduce that. I guess you tested in Storybook since you mentioned iframe?

[eirikbacker]

Hmm I see the text change only after moving the mouse away (so the tooltip goes away) and then back Apple voiceover does not seem to react to pressing the button. (Don't know if being inside an iframe may affect this)

Thanks for testing! ☺️ Hmm, I couldn't reproduce that. I guess you tested in Storybook since you mentioned iframe?

Iframes is in general flaky in regards of reading aria-live, same with ShadowDOM ☺️ Therefore; I did testing for this in with Storybooks isolation mode - with success ☺️

[Barsnes]

Hmm I see the text change only after moving the mouse away (so the tooltip goes away) and then back Apple voiceover does not seem to react to pressing the button. (Don't know if being inside an iframe may affect this)

Thanks for testing! ☺️ Hmm, I couldn't reproduce that. I guess you tested in Storybook since you mentioned iframe?

Iframes is in general flaky in regards of reading aria-live, same with ShadowDOM ☺️ Therefore; I did testing for this in with Storybooks isolation mode - with success ☺️

it works fine on windows + chrome + nvda :)

[mimarz]

Anyone looking at failing test? 😅 @stianmorsund

[mimarz]

This looks ok for me but @Barsnes or @eirikbacker should also take a final look as they know this part of the codebase the best :)

[Barsnes]

Eirik is away on vacation, but this looks good to me. Works fine for me on windows + nvda as well :)