Bild(er) und Verlinkung(en)

[Loon3y]

Moinsen..

mal wieder ist die optimalste, nutzerfreundlichste Lösung gesucht...

Es geht um die Verlinkungung. Hierbei gibt es 2 Möglichkeiten:

Variante 1:

<a href="[I]link[/I]">
 <img src="[I]v1 bild1[/I]" width="" height="" alt="Jetzt informieren: [I]Bildinhalt[/I]" />
</a>

Variante 2:

<a href="[I]link[/I]">
 <img src="[I]v2 bild1[/I]" width="" height="" alt="[I]Bildinhalt[/I]" />
</a>
<a href="[I]link[/I]">
  <img src="[I]v2 bild2[/I]" width="" height="" alt="Jetzt informieren" />
 </a>

Um die Unterschied nochmal schriftlich darzustellen:

Variante 1:
Hier haben wir ein großes Bild welches etwas darstellt und auf dem Bild ist mit ein Button "Jetzt informieren". Das ganze wurde auch im Alternativtext geschrieben, damit der Vorlesebrowser es korrekt vorliest und der Textbrowser es korrekt anzeigt.

Variante 2:
Im Prinzip das gleiche wie in Variante 1, nur dass wir erst das Bild welches etwas darstellt haben und darunter zusätzlich nocheinmal eine Grafik mit einem "jetzt informieren"-button. (Bei Variante 1 ist das ganze 1 Bild).


Welche Variante ist besser und nutzerfreundlicher?

Ich tendiere zu Variante 1, da man dies auch vom Quelltext und CSS mit geringerer Dateigröße verarbeiten kann. Dabei hat man 1 Link, 1 Bild und 1x CSS.

Bei der zweiteren Variante 2x den gleichen Link und 2 Grafiken. Dabei muss man auch 2x im CSS hinterlegen damit die Bilder korrekt positioniert / angezeigt werden. Erhöht wohlmöglich die Dateigröße um einiges. Und mehr Serveranfragen hat man auch.

Obendrein denke ich das es von der Größe her im Vergleich zu

1 Komplett-Bild <-> 2 getrennte Bilder

es sich wenig gibt bzgl der Größe.


Nun ist eure Meinung gefragt.


Gruß und Dank
Loon3y

 

[fiedel]

Moin, Loon3y!

mal wieder ist die optimaliste, nutzerfreundlichste Lösung gesucht...

"optimal" hat keine Steigerung, denn es ist ja schon der Superlativ!

Ich halte auch die erste Variante für am sinnvollsten, da sie eben wesentlich platzsparender ist und ich keinen Nachteil in der Barrierefreiheit sehen kann!
Wie sich das aus semantischer Sicht verhält, weiß ich nicht...

Gruß,
fiedel

 

[Loon3y]

Moin, Loon3y!
"optimal" hat keine Steigerung, denn es ist ja schon der Superlativ!

Als Perfektionist muss ich sagen, dass es immer besser geht ;) *g*

Wie sich das aus semantischer Sicht verhält, weiß ich nicht...

Ich wüsste nicht was daran falsch wäre...es ist ein Link, der Inhalt des Bildes ist auch im Alt-Text niedergeschrieben und es bringt eigentlich keine Nachteile mit sich. Es ist alles korrekt ausgezeichnet, eventuell fehlt noch das "title"-attribut bei <a>. Verwirrend würde ich es finden, wenn man mir plötzlich 2 Links hintereinander vorliest, die aber auf das gleiche Ziel verlinken. Da würde für mich die Frage aufkommen, ob da nicht ein Fehler unterlaufen ist.

 

[hokage555]

eben^^
also überleg nicht länger und nimm variante 1
für mich ist das das einzig logisch richtige

grüßlis