Hej Christian,
Am besten wäre Avatar und Name in einem Link. Der Alternativ-Text für den Avatar wäre dann "Zum Profil vom Benutzer"
Vorgelesen würde dann z. B. "Zum Profil von Benutzer Marctrix"
Und jetzt bitte nochmal in den Threadbaum schauen ;-) das ist so nicht machbar.
erwischt ;-)
Der Avatar könnte dann per CSS eingefügt werden
Nein, nicht wirklich. Ich kann ja nicht für jeden User eine CSS-Regel erstellen (auch wenn ich es lieber hätte). Das ist einfach nicht praktikabel.
;-) nicht zu Ende gedacht - ich hatte ja angedeutet, dass ich das so runter geschrieben habe... - kommt dann leider manchmal so was bei rum. Mir ging es darum, die Probleme und die Vor- und Nachteile verschiedener Lösungsansätze aufzuzeigen, weil ich am Handy eben keine Quellcode-Analyse machen kann, musste ich allgemein bleiben und habe nicht alles bis zum Ende durchdacht. Abgesehen, dass solche Dinge manchmal erst bei der Umsetzung auffallen, weil ein ganzes team nicht an das scheinbar offensichtliche gedacht hat...
Weiter ist zu bedenken, dass title-Attribute von Screenreadern defaultmäßig nicht vorgelesen werden. Diese enthalten einfach zu oft redundante Informationen.
Schade; ich verstehe allerdings die Problematik.
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>
Ich denke, das ist der beste Kompromiss!
Gruß, Marc