Currently, we allow tooltips on non-interactive elements, for example an info icon with a tooltip on hover. This is bad for accessibility, since users won't be able to use assistive technology (e.g. keyboard tabbing, screen readers) to focus and activate the tooltip anchor.
To remedy this, we could:
- Expose a
TooltipProvider wrapper element for icons specifically, that uses IconButton under the hood so the icon is focusable.
- Detect and warn in case a non-interactive anchor is provided by the consumer?