Wenn sich ein Bild und ein Text beide auf dieselbe Seite beziehen, können Sie sie zu einem Link kombinieren.

Manchmal möchten Sie, dass sowohl ein Bild, als auch ein Text auf die gleiche Seite verweisen. Beispielsweise eine Nachricht mit Titel und ein zugehöriges Bild oder ein Linktext, kombiniert mit einem Symbol. Verwenden Sie nicht 2 separate Links, sondern kombinieren Sie diese.

Bild einer Kombination von Bildern und Texten, die auf dieselbe Seite verweisen

Da es keine Doppellinks gibt, wird die Webseite für Besucher mit Lese-Software weniger komplex. Außerdem müssen sie nicht jeden Link zweimal auslesen lassen. Besucher, die die Tastatur benutzen, müssen die Tabulatortaste nicht zweimal drücken, um zum nächsten Link zu gelangen.

Wie wendet man das an?

Seien Sie vorsichtig in Situationen, in denen 2 Links zur gleichen Seite direkt nebeneinanderstehen. Dies kann bei Navigationsmenüs mit einem Symbol für den Linktext und bei Nachrichtenübersichten geschehen, die aus einem Bild und einem Titel pro Nachricht bestehen. Passen Sie die Struktur des HTML-Codes so an, dass es nur einen Link (das Element von HTML) gibt, in dem sowohl das Bild, als auch der Text zusammengefasst sind.

 

Kein Alt-Text für das Bild

Wenn Sie dies tun, stellen Sie sicher, dass das Bild keinen Alt-Text enthält, damit die Lesesoftware nicht den gleichen Text zweimal liest.

Beispiele:>Link im Navigationsmenü

Das Navigationsmenü enthält pro Menüpunkt ein Icon (Symbol), das mit einem Text kombiniert ist. Beide befinden sich im selben <a> Element und bilden daher 1 Link. Die Abbildung enthält keinen Alt-Text (das Alt-Attribut ist leer).

<a href=”dienstleistungen”><img src=”dienstleistungen.jpg” alt=”” />Dienstleistungen</a>

Für Redakteure

Wenn der Redakteur ein Bild und einen Text platziert, die auf die gleiche Seite verweisen sollen, sollte er darauf achten, nur einen Link hinzuzufügen, der beide Elemente enthält.

Für Designer (Entwickler)

In den meisten Fällen ist der Entwickler für den Aufbau des HTML verantwortlich, insbesondere bei Navigationsmenüs und Übersichten.