To make the tooltip accessible, you need an aria-describedby attr on the element that triggers the tooltip (whose value is the id of the tooltip wrapper). Since id isn't added to the tooltip wrapper element, this component cannot be made accessible. e.g this is the minimum required html, which is not possible to achieve:
<div aria-describedby="foo">
I'm a trigger
</div>
<div role="tooltip" id="foo">
I'm a tooltip
</div>
I would also ask, why is this not accessible by default?
To make the tooltip accessible, you need an
aria-describedbyattr on the element that triggers the tooltip (whose value is theidof the tooltip wrapper). Sinceidisn't added to the tooltip wrapper element, this component cannot be made accessible. e.g this is the minimum required html, which is not possible to achieve:I would also ask, why is this not accessible by default?