Für das Problem des OP würde ich diese Struktur wählen:
<ul>
<li>
<a href="#">
<figure>
<figcaption>#</figcaption>
<img src="#" />
</figure>
</a>
</li>
<!-- ... -->
<ul>
Danke für diesen Tip, werde ich bei Gelegenheit umsetzen
> Das 0A, 0B ist offensichtlich eine Nummerierung die sich mit ::marker/::counter oder ggf. ::before auf das lo-Element lösen lässt.
Das leider nicht, es ist keine fortlaufende Nummerierung, sondern muss händisch gelöst werden
Liebe Grüße
Michael