Kleuren en stijlen van links

Browsers houden bij welke links op een pagina al eerder bezocht zijn.

Standaard is in de meeste grafische browsers een onbezochte link blauw en onderlijnd. Een bezochte link is paars en onderlijnd.

Er zijn al jaren discussies gaande over hoe webontwikkelaars deze twee statussen vorm moeten en óf zij ze zelfs wel moeten vormgeven. In deze handleiding luiden de algemene adviezen als volgt.

Als webontwikkelaars besluiten het uiterlijk van tekstuele links aan te passen…

  • …moeten zij links duidelijk onderscheidbaar van andere tekst maken
  • …moeten zij een duidelijk verschil tussen bezochte en onbezochte links handhaven

Uitleg van deze richtlijn

Links die duidelijk te onderscheiden zijn van andere tekst

De vormgeving voor links kan zich onderscheiden van omringende tekst door het gebruik van kleur en vorm. Het kan voorkomen dat bezoekers deze kleur niet herkennen, omdat ze kleurenblind zijn (zie ook Kleurgebruik en kleurenblindheid). Het is daarom belangrijk dat links zich niet onderscheiden door kleur alleen. Gebruik bijvoorbeeld een vetgezette stijl en de kleur rood of een onderlijning en de kleur blauw.

Onderlijning van tekst wordt door webgebruikers meestal gezien als de indicatie voor links. Webontwikkelaars doen er goed aan van dit sterke signaal gebruik te maken.

Het onderlijnen van tekst die geen link is, wordt ten zeerste afgeraden. Zelfs als de ontwikkelaar besloten heeft om links te laten weergeven zonder onderlijning, zal het onderlijnen van andere tekst leiden tot grote verwarring bij de bezoeker. In plaats van onderlijning, kan beter worden gekozen voor een cursieve of vetgezette weergave.

Consistentie in vormgeving

Een consistente vormgeving voor links wordt aangemoedigd. Gebruik slechts variaties van vorm en kleur als deze bijdragen aan een betere bruikbaarheid van de links; bijvoorbeeld een afwijkende stijl voor links in de hoofd- en subnavigatie en links in de inhoud op de pagina.

“Use navigation mechanisms in a consistent manner.”

Consistentie in vorm en kleur is belangrijker dan traditie in vorm en kleur. Dit houdt in dat links niet per se altijd blauw, paars en onderlijnd hoeven te zijn. Bezoekers zijn prima in staat om te begrijpen wat een bezochte of onbezochte link is, zolang de webontwikkelaar maar consistent is geweest. Wel kan verwarring optreden, als de kleur paars wordt gebruikt voor onbezochte links en/of blauw op bezochte links.

“Shades of blue provide the strongest signal for links, but other colors work almost as well”

Een duidelijk verschil tussen bezochte en onbezochte links

Webontwikkelaars moeten een duidelijk verschil aangeven tussen bezochte en onbezochte links. Dit kan door middel van kleur, maar ook door vorm. Zorg er in elk geval voor dat de betekenis niet uitsluitend door kleur wordt overgebracht; Zie ook R-pd.10.1: Zorg ervoor dat communicatieve elementen hun betekenis niet uitsluitend door kleur overbrengen.

Het verschil tussen bezochte en onbezochte links hoeft niet overal aanwezig te zijn, bijvoorbeeld in de hoofd- of subnavigatie op een pagina. Omdat vanwege de prominente plaats van deze navigatielinks meestal al duidelijk genoeg is dat het om links gaat, kan er in de stijl en kleur van deze links afgeweken worden van links elders op de pagina.

Gerelateerde richtlijnen

  • R-pd.10.1: Zorg ervoor dat communicatieve elementen hun betekenis niet uitsluitend door kleur overbrengen.
  • R-pd.10.2: Wees consistent met kleurgebruik bij het geven van betekenis.

Bijbehorende ijkpunten normdocument

  • IJkpunt 2.1: Zorg ervoor dat alle informatie die met behulp van kleur wordt overgebracht ook beschikbaar is zonder kleur, bijvoorbeeld uit de context of uit de opmaak.