@@Christian Kruse

Vielleicht sollte man eher sowas in diese Richtung anstreben:

<span class="author">
  <span class="registered-user">
    <a title="Benutzer marctrix" class="user-link" href="profilelink">
      <span class="visually-hidden">Zum Profil von </span>
      <img class="avatar" src="..." alt="Benutzer Mactrix" title="Zum Profil von Benutzer Mactrix" />
    </a>
    <a href="posting-link" aria-hidden="true">marctrix</a>
  </span>
</span>
<a href="posting-link">
  <time datetime="...">...</time>
</a>

Wozu <span class="visually-hidden">Zum Profil von </span>?

Einfach <img class="avatar" src="..." alt="Zum Profil von Benutzer Mactrix" /> – mit aussagekräftigem alt-Text; ohne nerviges title.

Und wozu Klassen? <voice of="Doc Emmett Brown">Wo wir hingehen, brauchen wir keine Klassen!</voice>

<span property="author" typeof="Person">
    <a property="sameAs" href="profilelink">
      <img property="image" src="..." alt="Zum Profil von Benutzer Mactrix" />
    </a>
    <a href="posting-link" aria-hidden="true">marctrix</a>
  </span>
</span>
<a href="posting-link">
  <time datetime="...">...</time>
</a>

Die Verwendung von RDFa-property und Schema.org-Vokabular statt class macht die Auszeichnung „semantischer“. Und stylen lässt sich das über Attributselektoren genauso.

Hier fehlt dann aber natürlich noch weiter oben type="Comment" (Comment wäre wohl der hier passende Subtyp von CreativeWork) und vocab="http://schema.org/".

LLAP 🖖