Kann Hyperlinktext sowohl Wörter als auch dekorative Bilder enthalten?

Question

Ich weiß, es technisch möglich ist, ein einziger Hyperlink sowohl Text enthalten haben und ein Bild:

<a href="http://example.com/user/profile"> 
    Joe Bloggs 
    <img src="http://example.org/decorative-image.png"> 
</a> 

Gibt es einen Grund (HTML-Spezifikation, Zugänglichkeit usw.), warum Links sowohl Text nicht zusammen und Bilder enthalten sollen ? Ich frage mich, ob es besser wäre, das Bild nach der Hyperlink zur Ausgabe:

<a href="http://example.com/user/profile"> 
    Joe Bloggs 
</a> 
<img src="http://example.org/decorative-image.png"> 

In meinem Fall ist das dekorative Bild ist nur ein grüner Kreis, die anzeigt, der Benutzer online ist jetzt.

Answer 1

Sie sind vollkommen in Ordnung, ein Link-Tag um Text und Bilder zu wickeln.

Answer 2

Das Bild in den Link einfügen ist besser, da es die Beziehung zwischen dem dekorativen Bild und der Verknüpfung genauer darstellt.

Es erhöht auch die Größe des Klickziels, was gut für Benutzer mit Problemen bei der Motorsteuerung ist.

Dazu müssen Sie ein leeres (null) Alt-Attribut zum Image-Tag hinzufügen, um zu kommunizieren, dass es für die unterstützenden Technologien dekorativ ist.

<a href="http://example.com/user/profile"> 
    Joe Bloggs 
    <img alt="" src="http://example.org/decorative-image.png"> 
</a> 

wäre eine Alternative

sein

<a href="http://example.com/user/profile"> 
    Joe Bloggs 
    <img src="http://example.org/decorative-image.png" role="presentation"> 
</a>