The questionmark for available notes has no real affordance nor keyboard accessibility

Problem/Motivation

While taking a bit of a closer look at the questionmark i've noticed a few noteworthy details:

• For sighted users the questionmark has no real affordance. Personally I associate with a questionmark that something is missing or went wrong and not that the questionmark contains content that you are able to view on hover.
• Talking of hover, for keyboard users the questionmark is not focusable and in consequence the tooltip is unreachable for them.
• Only screenreader users are able to get to the questionmark, by in my case the voiceover cursor (VO arrow left and right). But problem is, the label for the questionmark is just a ?, the purpose is completely unclear. And it is also impossible to expand the tooltip by the keyboard (the thing i've tried in questionsmark.mp4 - when the screen scrolls half way, that is due to the fact that I tried to press the space bar when the questionmark was in focus, and i also tried things like VO-space and so on)

Steps to reproduce

Try to reach the questionmark with the keyboard and or access one particular note on the reports page but not by hover nor go to one of the settings pages.

Proposed resolution

One idea might be for one to use an info button (a circle) instead of a questionmark. The button should be focusable. Then use a proper label with the necessary context with the name of the field as the suffix. and instead of a tooltip on hover maybe use the new popover attribute? (https://hidde.blog/popover-accessibility/ support looks already good on https://caniuse.com/?search=popover or is there another pattern that would work in the drupal admin ui)

Remaining tasks

User interface changes

API changes

Data model changes