Abgehakt – Kennzeichnung von besuchten Links

Ein Dauerbrenner bei den Diskussionen unter Webdesignern zum Thema Benutzerfreundlichkeit von Internetseiten ist die Frage, ob man bereits besuchte Links (visited Links) kennzeichnen sollte.

Wie so oft gibt es hier kein allgemeingültiges Rezept. Bei kleinen, überschaubaren Seiten ist das bestimmt nicht notwendig, bei ellenlangen Linklisten oder Navigationsstrukturen kann es aber durchaus sinnvoll sein.

Wenn man nun einfach unterschiedliche Farben nimmt oder mit untersrichen oder nicht unterstrichen arbeitet, kann es sein, dass man irgendwann, wenn ca. die Hälfte der Seiten besucht ist, gar nicht mehr weiss, welche Farbe die noch nicht besuchten Links und welche die bereits besuchten Links kennzeichnet. Es sei denn, man nimmt die üblichen Farben, blau für noch nicht besuchte und violett für besuchte Links.

Das mag aber für so manchen Designer zu langweilig sein. Ausserdem sieht das nicht unbedingt schön aus.

Nun ist mir da eine Idee gekommen: besuchte Links werden einfach abgehakt, das verstehen auch Internet-Neulinge, und alle Links sehen gleich aus, besuchte und noch nicht besuchte. Neben den visited Links erscheint lediglich ein kleines Häkchen, da war ich schon, erledigt, eben abgehakt.

Das Häkchen ist ein kleines gif, 16 x 16px mit transparentem Hintergrund, für normale Schriftgrösse. Das Aussehen der visited Links definiere ich mittels CSS:

a:visited {
background: url(bildordner/visited.gif) right bottom no-repeat;
color: #0033cc;
text-decoration: none;
padding: 0 16px 0 0;
}

Das ganze sieht dann so aus:

noch nicht besuchter Link
bereits besuchter Link

Dabei ist es meist sinnvoll, diese Definition auf bestimmte IDs zu beschränken, so dass Links im Kopf oder im Fuss der Seite weiterhin normal angezeigt werden. Auf meiner Internetseite habe ich die visited Links nur für die Navigation und den Inhalt so definiert.

Ein paar kleine Problemchen kann es bei Bildlinks geben. Die verschiedenen Browser setzen das Häkchen an unterschiedlichen Positionen, teilweise auch gar nicht, das Häkchen verschwindet dann wohl unter dem Bild. Deshalb hier eine kleine Demonstration und Anleitung, mit Code-Beispielen und Erläuterungen:

Demoseite zur Gestaltung von visited Links mit Häkchen »

Auf meiner Webdesign-Seite habe ich das bereits umgesetzt: »

Donnerstag, 10. April 2008, 17:18 Uhr

nach oben

zum Kommentar-Eingabeformular (Kommentare überspringen) »

Schreibe einen Kommentar

Kommentare erscheinen erst nach manueller Freischaltung.

nach oben