edgy circle Logotype Robuste Webprojekte Das kleine Handbuch für WebentwicklerInnen
edgy circle Logotype

Robuste
Webprojekte

Das kleine Handbuch für WebentwicklerInnen

Autor: David Strauß

Links

Deutlich als Links kennzeichnen und sinnvolle Wörter verlinken.

Obwohl Links die Grundbausteine eines Webprojektes und dem Web an sich sind, werden sie oft mit ästhetischen Mitteln unbrauchbar gemacht. Oft wird vergessen, dass das Hauptaugenmerk bei einem Link auf seine Sichtbarkeit gelegt werden muss. Ein Link sollte immer als solcher erkennbar sein.

Trotzdem gibt es leider viel zu viele Links, die diese Aufgabe nicht erfüllen. Entweder weil sie die selbe Farbe wie der Fließtext haben oder weil die Farbe zu ähnlich der Textfarbe ist. In anderen Fällen wird die automatische Unterstreichung entfernt. Wenn beides zutrifft, sprich unpassende Farbe und der Verzicht auf Unterstreichung und es auch sonst keine hervorstechenden Merkmale gibt, ist es für Besucherinnen und Besucher unmöglich zu erkennen, bei welchen Inhalten es sich um Links handelt.

Deswegen solltest Du folgendermaßen vorgehen: Wähle für Links immer eine deutlich sichtbare Farbe, die sich vom Hintergrund sowie vom Fließtext abhebt. Optimalerweise unterstreichst Du die Links so wie es standardmäßig üblich ist. Damit machst du den Besucherinnen und Besuchern eine Freude und sie danken es Dir indem sie dein Projekt weiter erkunden.

Das Argument, dass ein Hover-Effekt diese beiden Maßnahmen unnötig macht muss ich ganz klar widerlegen. Zum einen willst Du niemandem zumuten die Seite mit der Maus abzusuchen bis ein Link gefunden wird, zum anderen hilft der Hover-Effekt nur denjenigen die dein Projekt über einen Computer begutachten. Personen mit Touchgeräten können damit nichts anfangen, da es auf diesen Geräten keinen Hover-Zustand gibt.

Auch eine typografische Hervorhebung in kursiv oder bold eignet sich nicht. Damit werden normale Texte assoziiert, die formatiert sind und nicht Links.

Neben den optischen Merkmalen ist auch hier die verwendete Sprache nicht zu verachten. Versuche immer bereits mit dem verlinkten Textteil zu kommunizieren, was sich hinter dem Link verbirgt. Ein einzeln verlinktes Wort wie hier ist nicht aussagekräftig. Ein verlinkter Texteil wie Notizbücher bestellen macht klar wohin Du kommst, wenn Du den Link anklickst.

Zusätzlich zur besseren Benutzbarkeit bekommst du damit auch noch kostenlose SEO Bonuspunkte gratis dazu!