Tooltip text is not read by screenreaders (WCAG / Acessibility)?

[mandrasch]

Hey, thanks very much for providing this library as open source!

I wonder if there is a way to implement the tooltip in an accessible way?

https://floating-vue.starpad.dev/guide/component#tooltip

Currently the Voice Over screenreader won't read the tooltip text, just the link text "Sponsor me" itself

<template>
  <h1>Hello World</h1>
    <VTooltip >
      <a href="#">Sponsor me</a>

      <template #popper>
          Help me fund my Open Source work!
      </template>
  </VTooltip>
</template>

I tried to experiment with aria-describedby and role=tooltip, but had no success (https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/)

Thanks very much in advance!

PS: Analysis from a11y expert https://social.tchncs.de/@siblingpastry@mastodon.world/114619108653607307
PPS: It seems that https://floating-ui.com/ is capable in general, the (react) demo works so far with screenreader 🤔

PPS: Beware - the official demo code from docs <a>Sponsor me</a> is missing <a href="#" - without it, the link is not focusable at all.