Icon may be placed inside a visually hidden element, hiding the icon for sighted users

Problem/Motivation

Here's a common pattern we use to provide additional context to an otherwise vague link for SR users:

<pre>
<a href="#whatever">Books <span class="visually-hidden">for class ABC</span></a>
</pre>

Link Purpose will place the icon within the visually hidden span, preventing sighted users from seeing it.

Steps to reproduce

Proposed resolution

Tricky... How should LP know what span or other element it's inserting into is visually hidden? It can't really know that. May need to be a configurable option to avoid inserting the icon into certain elements, in which case it inserts after that element instead?

Remaining tasks

User interface changes

API changes

Data model changes